【免费】批量上传图片插件(帝国CMS7.2&7.5)
插件 by ecms 2017-06-08 21:51:52 二次开发   插件   帝国CMS   

问题说明:

1、本地测试正常,服务器上报异常

查看错误提示,php版本5.4以下不支持短标签,请将所有 [] 改为 array()

 

2、移动端上传只能打开相机,没有相册选择图片项:

upload.js

JavaScript Code复制内容到剪贴板
  1. accept: {  
  2.   title: 'Files',  
  3.   extensions: _ext,  
  4.   mimeTypes: 'image/*' //这个会导致只能打开手机相机,无法调用相册  
  5. }  

accept参数,我们为了代码简洁,mimeTypes直接写了个image/*,从而导致打开的是相机,后来,将mimeTypes参数设置为

JavaScript Code复制内容到剪贴板
  1. mimeTypes:'image/*,text/plain,application/msword,application/octet-stream,application/vnd.ms-excel,application/x-shockwave-flash'  


这种的多个后缀的,点击文件选择按钮时弹出的框里有了选择项,如下图:

2016102710152120602.jpg

 

3、上传按钮IOS不显示相册选择,只能打开相机:

webuploader.js(4905行):

去掉

QQ图片20170901094013.png

 


 

 

三步安装说明:

 

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/

1.png

2.png

PHP Code复制内容到剪贴板
  1. $showpic = "";    
  2.     
  3. if ($r['uploadimg']) {    
  4.     
  5.     $morepic = $r['uploadimg'];    
  6.     $mpr = explode(egetzy('rn'), $morepic);    
  7.     $mpcount = count($mpr) - 1;    
  8. // 只取两张  
  9.     for ($mpi = 0; $mpi < 2; $mpi++) {    
  10.         /**  
  11.          * $mp[0] 原图片文件名  
  12.          * $mp[1] 图片路径  
  13.          * $mp[2] 图片存储ID  
  14.          */    
  15.         if ($mpr[$mpi]) {    
  16.             $mp = explode('::::::'$mpr[$mpi]);    
  17.             $showpic .= '<td><img src="' . $mp[1] . '" alt="' . $mp[0] . '" width="80" height="80" /></td>';    
  18.         }    
  19.     
  20.     }    
  21. }  
  22.   
  23. $listtemp='<li style="height:100px;"><a href="[!--titleurl--]" title="[!--oldtitle--]">[!--title--]</a> <span>[!--newstime--]</span><table><tr>'.$showpic .'</tr></table></li>';  

 

 

内容页调用图片集:

PHP Code复制内容到剪贴板
  1. <?php  
  2. $showpic = "";  
  3.   
  4. if ($navinfor['uploadimg']) {  
  5.   
  6.     $morepic = $navinfor['uploadimg'];  
  7.     $mpr = explode(egetzy('rn'), $morepic);  
  8.     $mpcount = count($mpr) - 1;  
  9.     for ($mpi = 0; $mpi < $mpcount$mpi++) {  
  10.         /** 
  11.          * $mp[0] 原图片文件名 
  12.          * $mp[1] 图片路径 
  13.          * $mp[2] 图片存储ID 
  14.          */  
  15.         if ($mpr[$mpi]) {  
  16.             $mp = explode('::::::'$mpr[$mpi]);  
  17.             $showpic .= '<div class="col-xs-3 col-md-3"><img src="' . $mp[1] . '" alt="' . $mp[0] . '" /></div>';  
  18.         }  
  19.   
  20.     }  
  21. }  
  22. ?>  
  23.   
  24. <div class="site-flow">  
  25.     <div class="row">  
  26.         <?= $showpic ?>  
  27.     </div>  
  28.   
  29. </div>  

 

 


 

安装成功后初始页面: 

1.jpg

 

批量选择后,功能一 :HTML5即时预览

2.jpg

 

点击开始上传,功能之二 : 显示上传进度,并可直接设为封面图

3.jpg

 

 

上传完成后,点击提交,此次编辑完成。

 


 

下面来看一下后续的功能,点击编辑:

 

4.jpg

 

上面会列出已经上传的图片,同时,展示功能之三:ajax删除(同时删除数据表,本地磁盘文件)

 5.jpg

 

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 编辑页面添加设为封面

 

 

本文来自于:http://www.yoyo88.cn/note/extend/110.html

下载demo244
Powered by yoyo苏ICP备15045725号