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

ECMSPLUS | 2021-09-04 |

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

JpCECMSPLUS
JpCECMSPLUS
JpCECMSPLUS
安装说明:JpCECMSPLUS
1、将本插件内  upload内的 文件上传到网站根目录。JpCECMSPLUS
2、登录你的网站后台
  1.  http://你的网址 /e/extend/file/install/  进行安装。
输入表单配置:
  1.  /e/admin/AddNews.php  与 /e/template/DoInfo/ AddInfo.php  (两个文件都要修改)
复制以下代码到<head> </head>中JpCECMSPLUS
<link href="/e/extend/file/diyUpload/css/style.css" rel="stylesheet">JpCECMSPLUS
<script type="text/javascript" src="/e/extend/file/diyUpload/js/jquery.min.js"></script>JpCECMSPLUS
<script type="text/javascript" src="/e/extend/file/diyUpload/js/min.js"></script>JpCECMSPLUS
复制以下代码到</body>前JpCECMSPLUS
<script type="text/javascript" src="http://libs.baidu.com/jqueryui/1.10.2/jquery-ui.min.js"></script>JpCECMSPLUS
<script type="text/javascript" src="/e/extend/file/diyUpload/js/jquery.touch-punch.min.js"></script>JpCECMSPLUS
<script type="text/javascript" src="/e/extend/file/diyUpload/js/jquery.shapeshift.js"></script>JpCECMSPLUS
<script type="text/javascript">JpCECMSPLUS
$(document).ready(function() {JpCECMSPLUS
     $(".pic_container").shapeshift({JpCECMSPLUS
              gutterX: 10,JpCECMSPLUS
              gutterY: 10,JpCECMSPLUS
              paddingX: 0,JpCECMSPLUS
              paddingY: 0JpCECMSPLUS
           });JpCECMSPLUS
 $(".pic_container").Delimages({});JpCECMSPLUS
})JpCECMSPLUS
</script>JpCECMSPLUS
    JpCECMSPLUS
 
  1.  
后台è系统è数据表与系统模型è管理数据表è(选择要使用插件的数据表)管理字段è增加/修改字段JpCECMSPLUS
字段设置如下:JpCECMSPLUS
字段名:   picJpCECMSPLUS
字段类型: 中型字符型(MEDIUMTEXT)JpCECMSPLUS
输入表单显示元素:  单行文本框(text)JpCECMSPLUS
输入表单替换htnl代码(后台): 填入 表单替换html代码(后台).txt  文件中的代码JpCECMSPLUS
投稿表单替换htnl代码(前台投稿): 填入 表单替换html代码(前台投稿).txt  文件中的代码JpCECMSPLUS
 JpCECMSPLUS
 JpCECMSPLUS
 JpCECMSPLUS
相关说明:
  1. html代码(后台).txt 和 表单替换html代码(前台投稿).txt  文件的代码中按钮标签:
   <a href="javascript:void(0);" class="add_file" onclick="add_file(‘<?=$picField?>’,0,10,1);">+加图</a>JpCECMSPLUS
   上面这段代码是触发图片选择器弹出的按钮,其中onclick="add_file(‘<?=$picField?>’,0,10,1);" 为调用处理事件函数。其中有三个值 (0,10,1),下面做下说明:JpCECMSPLUS
   第一个值: 控制单选或多选  值为 1 时只能选择一张图片 值为 0 或其它可选择多张图片。JpCECMSPLUS
   第二个值: 多选图片时控制限制选择数量, 如限制图集数量为10张,则设置为 10 。JpCECMSPLUS
   第三个值: 区分后台输入表单与前台投稿,当值为 1是后台输入,为空或其它值时,是前台投稿。JpCECMSPLUS
 JpCECMSPLUS
2、如使用的数据字段名不是 pic 则需要将 表单替换html代码(后台).txt 和 表单替换html代码(前台投稿).txt  两个文件代码中的  $picField="pic";  改成  $picField="你的字段名";JpCECMSPLUS
 JpCECMSPLUS
3、循环调用图片集JpCECMSPLUS
   if ($r[pic]) {JpCECMSPLUS
         $pic=explode("||||||",$r['pic']);JpCECMSPLUS
         $no=0;JpCECMSPLUS
         for ($i=0;$i<count($pic);$i++){JpCECMSPLUS
           echo '<div><img src="'.$pic[$no].'"><a href="Javascript:void(0);" class="addpic_del_btn"></a></div>';JpCECMSPLUS
           $no++;JpCECMSPLUS
         }JpCECMSPLUS
}JpCECMSPLUS
 JpCECMSPLUS
 JpCECMSPLUS
上传限制修改JpCECMSPLUS
 JpCECMSPLUS
//文件上传方式JpCECMSPLUS
method:"POST",JpCECMSPLUS
//服务器地址;JpCECMSPLUS
server:"",JpCECMSPLUS
//是否已二进制的流的方式发送文件,这样整个上传内容php://input都为文件内容JpCECMSPLUS
sendAsBinary:false,JpCECMSPLUS
// 开起分片上传。 thinkphp的上传类测试分片无效,图片丢失;JpCECMSPLUS
chunked:true,JpCECMSPLUS
// 分片大小JpCECMSPLUS
chunkSize:512 * 10240,JpCECMSPLUS
//最大上传的文件数量, 总文件大小,单个文件大小(单位字节);JpCECMSPLUS
fileNumLimit:50,JpCECMSPLUS
fileSizeLimit:5000 * 10240,JpCECMSPLUS
fileSingleSizeLimit:500 * 10240JpCECMSPLUS
服务器无法保存JpCECMSPLUS
删除JpCECMSPLUS
function EmpireCMSInfoPostFun(add,mid) {JpCECMSPLUS
  console.log(add);JpCECMSPLUS
  JpCECMSPLUS
}JpCECMSPLUS
服务相关:JpCECMSPLUS
由于程序可复制性,一经销售,不予退换。JpCECMSPLUS
本插件为开源程序,有相关问题请联系作者协商解决。JpCECMSPLUS
非商用授权出售,均不提供技术支持与维护服务。如需服务请与作者联系,另行协商收费。JpCECMSPLUS
 

前台调用:

第一张图JpCECMSPLUS
<?phpJpCECMSPLUS
$picr=explode(egetzy('rn'),$navinfor[morepic]);JpCECMSPLUS
for($p=0;$p<count($picr);$p++)JpCECMSPLUS
{JpCECMSPLUS
$spicr=explode("||||||",$picr[$p]);JpCECMSPLUS
?>JpCECMSPLUS
<img src="<?=$spicr[0]?>" />JpCECMSPLUS
<?phpJpCECMSPLUS
}JpCECMSPLUS
?>JpCECMSPLUS
循环JpCECMSPLUS
JpCECMSPLUS
<?phpJpCECMSPLUS
 if ($navinfor[pic]) {JpCECMSPLUS
         $pic=explode("||||||",$r['pic']);JpCECMSPLUS
         $no=0;JpCECMSPLUS
         for ($i=0;$i<count($pic);$i++){JpCECMSPLUS
           echo '<div><img src="'.$pic[$no].'"><a href="Javascript:void(0);" class="addpic_del_btn"></a></div>';JpCECMSPLUS
           $no++;JpCECMSPLUS
         }JpCECMSPLUS
}JpCECMSPLUS
?>JpCECMSPLUS
JpCECMSPLUS
 

免责/版权声明:

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

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

3、若您的网站或机构从本站获取的一切资源进行商业使用,除来源为本站的资料需与本站协商外,其他资源请自行联系版权所有人。

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

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

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

标签:
精品源码
  • 帝国cms7.5精仿企业信息综合门户《莞商网》(原创)

    惊爆价¥1500.00

    立即购买
    帝国cms7.5精仿企业信息综合门户《莞商网》(原创)
  • 二维码种子溯源系统,一物一码防伪验证查询(单用户版) 支持定制开发

    惊爆价¥1500.00

    立即购买
    二维码种子溯源系统,一物一码防伪验证查询(单用户版) 支持定制开发
  • 厂房网,厂房出租,厂房出售,仓库出租,园区招商商铺厂房网整站源码

    惊爆价¥1999.00

    立即购买
    厂房网,厂房出租,厂房出售,仓库出租,园区招商商铺厂房网整站源码
看点推荐
精选文章

站长交流群

互联网站长技术交流群
共同学习,共同进步,共同成长!

QQ交流群

推荐文章

EmpireCMS(帝国CMS) 最新版(v7.5)已知漏洞汇总

帝国第三方登陆:微信内部登陆+扫码登陆2.0安装说明与使用方法

帝国cms百度Webupload批量上传组件,支持前台投稿

帝国cms通过用灵动标签的SQL语句查询来调用栏目导航

帝国cms图片集字段morepic分割,自定义图片集显示

帝国cms 技巧整理笔记,持续更新中

帝国cms 技巧整理笔记:常用变量,COOKIE获取和系统模板

最新文章

热门标签

关注我们

微信扫一扫,关注更多精彩

  • 公众号
    全面掌握源码一手资讯

  • 服务号
    精彩活动,推送提醒

垂询热线:18680688182

商务合作:0769-8700 9090
文章投稿: