帝国cmsAjax多图图集上传插件使用说明，多图上传插件安装说明

2021-09-04 帝国CMS

本插件使用Ajax加载图片管理器，更方便简洁的管理网站图片素材，可做多图上传及素材分类管理，需要图片时选择对应图片即可，图集更可拖拽来修改排列顺序，后台，前台投稿均可使用，每

gAwECMSPLUS
gAwECMSPLUS
gAwECMSPLUS
安装说明：gAwECMSPLUS
1、将本插件内 upload内的文件上传到网站根目录。gAwECMSPLUS
2、登录你的网站后台

http://你的网址 /e/extend/file/install/ 进行安装。

输入表单配置：

/e/admin/AddNews.php 与 /e/template/DoInfo/ AddInfo.php （两个文件都要修改）

复制以下代码到<head> </head>中
<link href="/e/extend/file/diyUpload/css/style.css" rel="stylesheet">
<script type="text/javascript" src="/e/extend/file/diyUpload/js/jquery.min.js"></script>
<script type="text/javascript" src="/e/extend/file/diyUpload/js/min.js"></script>
复制以下代码到</body>前
<script type="text/javascript" src="http://libs.baidu.com/jqueryui/1.10.2/jquery-ui.min.js"></script>
<script type="text/javascript" src="/e/extend/file/diyUpload/js/jquery.touch-punch.min.js"></script>
<script type="text/javascript" src="/e/extend/file/diyUpload/js/jquery.shapeshift.js"></script>
<script type="text/javascript">
$(document).ready(function() {
     $(".pic_container").shapeshift({
              gutterX: 10,
              gutterY: 10,
              paddingX: 0,
              paddingY: 0
           });
$(".pic_container").Delimages({});
})
</script>

后台è系统è数据表与系统模型è管理数据表è（选择要使用插件的数据表）管理字段è增加/修改字段
字段设置如下：
字段名： pic
字段类型：中型字符型（MEDIUMTEXT）
输入表单显示元素：单行文本框（text）
输入表单替换htnl代码(后台)：填入表单替换html代码（后台）.txt 文件中的代码
投稿表单替换htnl代码(前台投稿)：填入表单替换html代码（前台投稿）.txt 文件中的代码

相关说明：

html代码（后台）.txt 和表单替换html代码（前台投稿）.txt 文件的代码中按钮标签：

   <a href="javascript:void(0);" class="add_file" onclick="add_file(‘<?=$picField?>’,0,10,1);">+加图</a>
   上面这段代码是触发图片选择器弹出的按钮，其中onclick="add_file(‘<?=$picField?>’,0,10,1);" 为调用处理事件函数。其中有三个值（0,10,1），下面做下说明：
   第一个值：控制单选或多选值为 1 时只能选择一张图片值为 0 或其它可选择多张图片。
   第二个值：多选图片时控制限制选择数量，如限制图集数量为10张，则设置为 10 。
   第三个值：区分后台输入表单与前台投稿，当值为 1是后台输入，为空或其它值时，是前台投稿。

2、如使用的数据字段名不是 pic 则需要将表单替换html代码（后台）.txt 和表单替换html代码（前台投稿）.txt 两个文件代码中的 $picField="pic";  改成 $picField="你的字段名";

3、循环调用图片集
   if ($r[pic]) {
         $pic=explode("||||||",$r['pic']);
         $no=0;
         for ($i=0;$i<count($pic);$i++){
           echo '<div><img src="'.$pic[$no].'"><a href="Javascript:void(0);" class="addpic_del_btn"></a></div>';
           $no++;
         }
}

上传限制修改

//文件上传方式
method:"POST",
//服务器地址;
server:"",
//是否已二进制的流的方式发送文件，这样整个上传内容php://input都为文件内容
sendAsBinary:false,
// 开起分片上传。 thinkphp的上传类测试分片无效,图片丢失;
chunked:true,
// 分片大小
chunkSize:512 * 10240,
//最大上传的文件数量, 总文件大小,单个文件大小(单位字节);
fileNumLimit:50,
fileSizeLimit:5000 * 10240,
fileSingleSizeLimit:500 * 10240
服务器无法保存
删除
function EmpireCMSInfoPostFun(add,mid) {
  console.log(add);

}
服务相关：
由于程序可复制性，一经销售，不予退换。
本插件为开源程序，有相关问题请联系作者协商解决。
非商用授权出售，均不提供技术支持与维护服务。如需服务请与作者联系，另行协商收费。

前台调用：

第一张图
<?php
$picr=explode(egetzy('rn'),$navinfor[morepic]);
for($p=0;$p<count($picr);$p++)
{
$spicr=explode("||||||",$picr[$p]);
?>
<img src="<?=$spicr[0]?>" />
<?php
}
?>
循环

<?php
if ($navinfor[pic]) {
         $pic=explode("||||||",$r['pic']);
         $no=0;
         for ($i=0;$i<count($pic);$i++){
           echo '<div><img src="'.$pic[$no].'"><a href="Javascript:void(0);" class="addpic_del_btn"></a></div>';
           $no++;
         }
}
?>

1、所有来源标注为 ECMSPLUS /zwcms.com的内容版权均为本站所有，若您需要引用、转载，只需要注明来源及原文链接即可，如涉及大面积转载，请来信告知，获取授权。

2、本站所提供的文章资讯、软件资源、素材源码等内容均为作者提供、网友推荐、互联网整理而来（部分报媒/平媒内容转载自网络合作媒体），仅供学习参考，如有侵犯您的版权，请联系我们，本站将在三个工作日内改正。

4、 ECMSPLUS /zwcms.com不保证资源的准确性、安全性和完整性，请您在阅读、下载及使用过程中自行确认，本站亦不承担上述资源对您或您的网站造成的任何形式的损失或伤害

5、未经 ECMSPLUS /zwcms.com允许，不得盗链、盗用本站资源；不得复制或仿造本网站，不得在非 ECMSPLUS /zwcms.com所属的服务器上建立镜像， ECMSPLUS /zwcms.com对其自行开发的或和他人共同开发的所有内容、技术手段和服务拥有全部知识产权，任何人不得侵害或破坏，也不得擅自使用。

6、互联网的本质是自由与分享，我们真诚的希望，每一份有价值的正能量能够在互联网中自由传播，能够为每一个网站提供动力。

ECMSPLUS

帝国cmsAjax多图图集上传插件使用说明，多图上传插件安装说明

前台调用：

发表评论取消回复

评论(3)

加入本站VIP会员订阅计划，海量资源免费下载查看

源码

模板

插件

资源

教程

view版小程序

随机推荐

帝国cmsAjax多图图集上传插件使用说明，多图上传插件安装说明

前台调用：

相关推荐

发表评论 取消回复

评论(3)

加入本站VIP会员订阅计划，海量资源免费下载查看

发表评论取消回复