pbootcms留言上传图片并在后台显示的解决办法

PbootCMS开发 跟版网
我们在用pbootcms建站的时候，用到留言功能，这块目前是无法上传图片的，如果我们想上传图片要怎么操作呢？ 前端部分 我们以默认的message.html留言页面为例子讲解，这个对应你自己网站的留言页面。新增一段如下代码： div class="form-group" label for="hid
我们在用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新增加的： 
{include file='comm/upload.html'}
如果是用AJAX提交数据的话，还需要在相关js代码中增加这个字段的获取。

后台修改

前段上传图片后，后台是无法直接预览的，这里我们需要对后台代码做一个简单修改，打开后台的模板文件：message.html,记住，是后台的模板文件。

大约30行左右这里，我们可以看到，这里是循环输入留言字段的，稍作修改一下，我们把TD那一段修改成：
 

<td >
<script>
var Cts = "[value->$field]"; 
if(Cts.indexOf("/static/") >= 0 ) {   
  document.write( "<img src="+Cts +">");
} else
{
	document.write(Cts);	
} 
		</script>
		</td>
<!--当后缀为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默认只有一个上传图片的地方，像响应式这种调用，图片是要写在一起的，那么我们要给轮播图片再增加一个上传项要怎么操作呢？ 首先到数据库 【ay_slide】 表中新增一个轮播图字段，假如是 【picc】，新增字段如下
pbootcms程序利用计划任务执行网站自动推送到百度
PbootCMS程序如何实现自动推送网址到百度，实现方法如下： 第一步：在站点根目录新建一个PHP文件，例如：baidu.php，并复制下方代码添加到baidu.php文件中。 注意：两处需要修改的地方已经在末尾添加了注释，记得修改为自己的，然后保存。 ?phpheader('Conten
pbootcms后台内容列表增加阅读量和点赞量自定义修改
PbootCMS后台默认不带文章内容阅读量及点赞量的修改功能，为了方便增加浏览，可以通过修改代码实现。最终实现效果如下图所示： 首先打开apps/admin/controller/content/ContentController.php文件，找到 // 文章修改public function mod(){ if (! ! $submit =
PBOOTCMS增加内容首图为缩略图按钮及内容图片为多图按钮
有一些朋友的网站前端不需要缩略图，只需要个别文章显示缩略图，PbootCMS默认自动提取文章里的图片作为缩略图。其实可以增加一个按钮，判断下就可以。最终实现效果如下： 找到文件apps\admin\view\default\content\content.html(在代码340行及740行，添加以下
pbootcms上传缩略图截取尺寸缩小变模糊解决方案
在使用pbootcms模板上传图片的时候，缩略图被自动截取了，尺寸变小缩略图没匹配到后台。 解决方案：打开/config/config.php文件，找到 // 缩略图配置 'ico' = array( 'max_width' = '2000', 'max_height' = '1000' ), 以上参数详解： max_width //为最大宽度
pbootcms发布内容不自动提取缩略图设置方法
pbootcms如何设置在后台发布内容后不自动提取缩略图？，也就是说不让它自动提取缩略图，这个要怎么操作呢？ 如果不需要提取缩略图，你只需要找到如下代码，这个代码一共有三处，其中两处位于：\apps\admin\controller\content\ContentController.php，在135和
PbootCMS手册PbootCMS使用PbootCMS开发
五金机械 教育培训 机械设备 环保公司 新闻资讯 服装服饰 营销型 轴承 电子元件 零部件 电子科技 电子产品 环保科技 培训机构 电子商城 双语 中英双语 织梦模板 dede 外语学校 竞价网站源码 竞价培训网 门户网站 织梦笑话网 dedecms笑话网 织梦源码 网站建设 搞笑图片 织梦教程 旅游网站源码 织梦旅游网 学校培训 html5 企业织梦源码 医院源码 后台样式 移动营销页 chatgpt 整形医院 大学医院 新手建站 客服代码 洗衣机维修 企业网站 淘宝客 导航菜单 教育网站 学校源码 装修网站 装修模板 美容整形 女性健康 妈妈网 机械源码 建站公司 珠宝首饰 苹果网站 手机资讯 管理平台 织梦模版打包 妇科源码 安卓市场源码 男性时尚网 健康之家 app应用网站 笑话网站 下载站 车辆管理系统 中医院网站 家装网站源码