问题说明:
1、本地测试正常,服务器上报异常
查看错误提示,php版本5.4以下不支持短标签,请将所有 [] 改为 array()
2、移动端上传只能打开相机,没有相册选择图片项:
upload.js
- accept: {
- title: 'Files',
- extensions: _ext,
- mimeTypes: 'image/*' //这个会导致只能打开手机相机,无法调用相册
- }
accept参数,我们为了代码简洁,mimeTypes直接写了个image/*,从而导致打开的是相机,后来,将mimeTypes参数设置为
- mimeTypes:'image/*,text/plain,application/msword,application/octet-stream,application/vnd.ms-excel,application/x-shockwave-flash'
这种的多个后缀的,点击文件选择按钮时弹出的框里有了选择项,如下图:
3、上传按钮IOS不显示相册选择,只能打开相机:
webuploader.js(4905行):
去掉
三步安装说明:
1、复制uploadImg 和 requireCommon 放到 /e/extend/ 目录下
2、运行安装文件:
/e/extend/uploadImg/install/
3、新建字段:
uploadimg 图片集 MEDIUMTEXT 多行文本
替换字段html表单。
安装完成。
PS:不影响7.2 系统升级,绿色插件,自建数据表读写,独立接口,7.0的也可以用,就是安装程序要作细微改动,可拎出sql,直接执行即可
可自行演示操作:
后台:http://demo998.liqinwl.com/e/admin/
帐号:test1
密码:123456
帐号:test2
密码:123456
帐号:test3
密码:123456
列表页调用图片集:
示例: http://demo998.liqinwl.com/news/china/
- $showpic = "";
- if ($r['uploadimg']) {
- $morepic = $r['uploadimg'];
- $mpr = explode(egetzy('rn'), $morepic);
- $mpcount = count($mpr) - 1;
- // 只取两张
- for ($mpi = 0; $mpi < 2; $mpi++) {
- /**
- * $mp[0] 原图片文件名
- * $mp[1] 图片路径
- * $mp[2] 图片存储ID
- */
- if ($mpr[$mpi]) {
- $mp = explode('::::::', $mpr[$mpi]);
- $showpic .= '<td><img src="' . $mp[1] . '" alt="' . $mp[0] . '" width="80" height="80" /></td>';
- }
- }
- }
- $listtemp='<li style="height:100px;"><a href="[!--titleurl--]" title="[!--oldtitle--]">[!--title--]</a> <span>[!--newstime--]</span><table><tr>'.$showpic .'</tr></table></li>';
内容页调用图片集:
- <?php
- $showpic = "";
- if ($navinfor['uploadimg']) {
- $morepic = $navinfor['uploadimg'];
- $mpr = explode(egetzy('rn'), $morepic);
- $mpcount = count($mpr) - 1;
- for ($mpi = 0; $mpi < $mpcount; $mpi++) {
- /**
- * $mp[0] 原图片文件名
- * $mp[1] 图片路径
- * $mp[2] 图片存储ID
- */
- if ($mpr[$mpi]) {
- $mp = explode('::::::', $mpr[$mpi]);
- $showpic .= '<div class="col-xs-3 col-md-3"><img src="' . $mp[1] . '" alt="' . $mp[0] . '" /></div>';
- }
- }
- }
- ?>
- <div class="site-flow">
- <div class="row">
- <?= $showpic ?>
- </div>
- </div>
安装成功后初始页面:
批量选择后,功能一 :HTML5即时预览
点击开始上传,功能之二 : 显示上传进度,并可直接设为封面图
上传完成后,点击提交,此次编辑完成。
下面来看一下后续的功能,点击编辑:
上面会列出已经上传的图片,同时,展示功能之三:ajax删除(同时删除数据表,本地磁盘文件)
2023.10.10 update 图片数据分割从\r\n改为以|||分割,返回的jsonp由public_r['newsurl']改为直接获取链接
2018.6.13 update 图片删除后有的图片在字段中未删除干净
2017.6.14 update 封面图标示
2017.6.9 update 编辑页面对于图片较多的情况下,添加滚动条
2017.6.8 update 编辑页面点击已上传的图集打开相册
2017.6.8 update 编辑页面添加设为封面
- [̲̅V̲̅I̲̅P̅]☆冰★手☆2023-06-23 03:11:43来自:【免费】批量上传图片插件(帝国CMS7.2&7.5)一直在用@武 请问你是怎么解决 前台上传 数据内含有<br /> 且后台不显示图片列表 问题的喜欢(0)回复
- 你我之间你好,我这里安装后无法删除,没有找到原因。后来在演示站中操作,可以删除,但是在提交文章保存后再次编辑,图片又回来了。
- 叶知秋这个是一个很完美的插件,我的7.5版本,后台多图上传正常,前台上传时在每个图片 id结尾处增加了了个<br /> 比如: t0151a5b74b6a33b539.jpg::::::/e/extend/uploadImg/upload/upload_files/2020-03-05/e5fe70c408d42d5a005ac376a93f1357.jpg::::::14 <br />t0155b3a05e5bc3ba7f.jpg::::::/e/extend/uploadImg/upload/upload_files/2020-03-05/a3a084a722e40d497925f0ab19895106.jpg::::::15 <br />t0172891b82850db6d8.jpg::::::/e/extend/uploadImg/upload/upload_files/2020-03-05/8ad30835a792516601df5942721feb63.jpg::::::16 <br />,这样导致图片无法在编辑中显示!另外删除时数据库中删除了,但本地图片还在,希望作者有空改进下
- 怀瑾握瑜升级到7.5,正常使用,需要注意图集字段建主表,且模型中要勾选,列表页也要勾选,不然无法删除,打记号。
- 思念水的鱼怎么增加排序?有的时候上传的图片比较乱,需要重新排序,是不是可以在前面加个序号?能修改的序号,方便后期的图片顺序修改。