欢迎光临荆门市黑马视觉品牌官网,开启你的互联网营销之旅!
新闻中心 网络推广 网站建设 优化推广

pbootcms留言上传图片并在后台显示出来

时间:2020-06-30   来源:荆门市网站建设

大家好,这里是深圳黑马视觉品牌网站建设。我们专注于深圳龙华网站建设开发服务,如果你的需要,欢迎联系我们。

pbootcms在前几天升级到了X3.0版本,目前还在测试中。

虽然会员中心没有太大的变化。但是却给我们了一个留言上传图片的解决方案。

欢迎随便转载,需要注明来源和出处,我们的目的是让知识和内容得到分享和传播。


pbootcms留言怎么上传图片呢?

我们打开默认的:message.html

   <div class="form-group">
                        <label for="hidden">图片:</label>
                        <input type="text" name="pic"  id="pic"  class="headpic"  placeholder="请上传图片" >                          
                        <buttom class="btn btn-success upload" data-target=".headpic" >上传</buttom>
                    </div>

我们新增这样一段代码,其中:pic为后台自定义的图片字段,你也可以另外取名。

不要以为这样就完事了,你就想太多了。

上传代码有了,但是上传不。所以我们要引入一个文件,这个文件是3X新增加的:

龙华网站建设


如果是用AJAX提交数据的话,记得在JS中添加哟:

上海网站建设


这样的话,前端就可以了哟。但是不要以为这样就可以了哟,我们来看看后台。


pbootcms留言上传图片并在后台显示出来


图片是一堆字符串,太不人性化了吧。不要急,龙网网站建设肯定是会帮你出主意解决的。


我们打开后台的模板文件:message.html,记住,是后台的模板文件。

大约30行左右这里,我们可以看到,这里是循环输入留言字段的。稍作修改一下吧。

image.png

我们把TD那一段修改成:

	<td >
<script>
var Cts = "[value->$field]"; 
if(Cts.indexOf("/static/") >= 0 ) {   
  document.write( "<img src="+Cts +">");
} else
{
	document.write(Cts);	
} 
		</script>
		</td>		
		


2020-10-30日更新:  当后缀为JPG或者PNG的时候,显示图片,当后缀为XLS或者DOC文档的时候进行下载,其他字段直接显示。

	<script>
var Cts = "[value->$field]"; 
if( (Cts.indexOf("jpg") >= 0)||(Cts.indexOf("png") >= 0) ) {   
  document.write( "<img src="+Cts+">");
} else  if( (Cts.indexOf("xls") >= 0)||(Cts.indexOf("doc") >= 0) )
{
       	document.write("<a href='"+Cts+"' target='_blank'>"+Cts+"</a>");	
    }else {
        	document.write(Cts);	
    }
  
		</script>



pbootcms留言上传图片并在后台显示出来


再刷新后台看看:玩美

pbootcms留言上传图片并在后台显示出来

本文标签: 龙华网站建设 pbootcms
新闻推荐
龙华网站建设多少钱?
龙华网站建设多少钱?

大家好,这里是黑马视觉,今天我们来聊聊在深圳建一个网站需要多少钱?龙华网站建设需要多少钱?从所周知,...

龙华外贸网站建设必需知道的四大注意事项
龙华外贸网站建设必需知道的四大注意事项

在深圳有很多外贸公司,他们已经不满足于通过其他平台来引流,于是他们都需要建设一个自己自己的外贸网站,...

jq控制视频播放和暂停以及声音
jq控制视频播放和暂停以及声音

在网站开发的过程中,我们常常需要添加一些视频来让网站内容更加丰富,比如说网页中有一个按钮,点击按钮后...

PBOOTCMS图片水印不支持jpeg格式怎么处理?
PBOOTCMS图片水印不支持jpeg格式怎么处理?

在使用PBOOT的时候,我们发现在后台开启了上传图片时给图片打上水印的功能,但是客户在上传图片的时候始终打...

在线沟通
点我即可
对话
15899750475
手机
微信扫一扫

编辑 装修 价格 托管 实力 流量 搜索引擎 服务器 标准 上线 业务

微信
Top