(此图片来源于网络，如有侵权，请联系删除! )
flash已经停止更新，使用织梦的小伙伴们经常会出现织梦上传图集的按钮不显示，不显示有电脑没有安装flash或者浏览器屏蔽了，如果想永久的避免这个问题，可以按照以下教程把flash换掉就可以。
flash马上要退出舞台了，而织梦的图集上传功能更使用的就是flash控件，安全性也低，而且不能轻松实现多实例多图集
我们来把它换一换，换成现在比较流行的layui前端框架 - layui上传模块
演示效果
整合功能
- 支持 gbk / utf8编码织梦程序
- 支持后台、前台、会员接入
- 支持所有模型接入
- 支持每个图片删除一并删除图片文件
- 支持每个图片注释
- 支持每个图片排序
- 支持前台超级简单标签调用每个图集
整合教程
***步、下载额外所需文件，根据自己网站编码
把include里面的"layui"文件夹和"taglib"文件夹放到你网站include文件夹里去
本地下载：织梦图集layui上传模块.zip
第二步、为后台图片集模型添加layui上传模块，官方原来的图集上传功能保留不动
伸手党 可以直接下载这4个文件替换即可使用(替换之前建议你备份你自己的这4个文件)
- /dede/templets/album_add.htm
- /dede/templets/album_edit.htm
- /dede/album_add.php
- /dede/album_edit.php
本地下载：织梦后台图片集模型添加layui上传模块4个文件
覆盖文件后刷新后台即可使用，下面的教程可忽略掉！！！
一下教程是开发步骤，适用于以上四个文件有过二开的。
1、打开 /dede/templets/album_add.htm 找到|
|
在它所在的tr标签下面加入.
|
|||||||||||
如图
(此图片来源于网络，如有侵权，请联系删除! )
2、打开 /dede/templets/album_edit.htm 找到
|
|
在它所在的tr标签下面加入
|
|||||||||||
如图
(此图片来源于网络，如有侵权，请联系删除! )
3、打开 /dede/album_add.php 找到
//加入附加表 |
在它上面加入
//图集字段 imgurls
if(is_array($_POST['imgurls']['url']))
{
$my_imgurls = "";
foreach($_POST['imgurls']['url'] as $key => $val)
{
$my_imgurls .= "{dede:img ddimg='$val' text='{$_POST['imgurls']['alt'][$key]}' width='' height='' uaid='{$_POST['imgurls']['uaid'][$key]}'}$val{/dede:img}
";
}
}
$imgurls .= addslashes($my_imgurls);
|
4、打开 /dede/album_edit.php 找到
//更新附加表 |
在它上面加入
//图集字段 imgurls
if(is_array($_POST['imgurls']['url']))
{
$my_imgurls = "";
foreach($_POST['imgurls']['url'] as $key => $val)
{
$my_imgurls .= "{dede:img ddimg='$val' text='{$_POST['imgurls']['alt'][$key]}' width='' height='' uaid='{$_POST['imgurls']['uaid'][$key]}'}$val{/dede:img}
";
}
}
$imgurls .= addslashes($my_imgurls);
|
第三步、内容页模板调用图集标签新写法
户型图片
|
特别说明
{dede:imagelist field="huxing"}
field='图片集字段'
不填的话就是调用图集默认
织梦多个图集多实例教程
在操作下面的教程之前必须确定你已经完成上面***、第二、第三步
***步、附加表里添加多个图集字段，例如 户型图片 字段
后台-系统-SQL工具-SQL命令行工具
ALTER TABLE dede_addonimages ADD `huxing` text; |
(此图片来源于网络，如有侵权，请联系删除! )
dede_addonimages 是我的图集模型附加表，注意自己的附加表，千万别写错了
(此图片来源于网络，如有侵权，请联系删除! )
第二步、打开 /dede/templets/album_add.htm 找到
id="imgurls" |
在它所在的tr下面加入
|
|||||||||||
如图，注意标注的地方
(此图片来源于网络，如有侵权，请联系删除! )
继续找到
// imgurls 图片上传 |
在它上面加入
// huxing 图片上传
var uploadInst = upload.render({
elem: '.huxing'
,url: '../include/layui/layuiupload.php'
,multiple: true
,accept: 'images'
,acceptMime: 'image/*'
,done: function(res){
if(res.code == 0){
return layer.msg(res.msg);
}
$('#huxing').append(' |
如图，注意标注的地方
(此图片来源于网络，如有侵权，请联系删除! )
第三步、打开 /dede/templets/album_edit.htm 找到
id="imgurls" |
在它所在的tr下面加入
|
|||||||||||
如图，注意标注的字段部分
(此图片来源于网络，如有侵权，请联系删除! )
继续找到
// imgurls 图片上传 |
在它上面加入
// huxing 图片上传
var uploadInst = upload.render({
elem: '.huxing'
,url: '../include/layui/layuiupload.php'
,multiple: true
,accept: 'images'
,acceptMime: 'image/*'
,done: function(res){
if(res.code == 0){
return layer.msg(res.msg);
}
$('#huxing').append(' |
如图，注意标注的字段
(此图片来源于网络，如有侵权，请联系删除! )
第四步、打开 /dede/album_add.php 找到
//生成HTML |
在它上面加入
//新增图集字段 huxing
if(is_array($_POST['huxing']['url']))
{
$huxing = "";
foreach($_POST['huxing']['url'] as $key => $val)
{
$huxing .= "{dede:img ddimg='$val' text='{$_POST['huxing']['alt'][$key]}' width='' height='' uaid='{$_POST['huxing']['uaid'][$key]}'}$val{/dede:img}
";
}
if($huxing)
{
$huxing = addslashes($huxing);
$upquery = "UPDATE `$addtable` SET `huxing`='$huxing' WHERE aid='$arcID' ";
$dsql->ExecuteNoneQuery($upquery);
}
}
|
如图，注意标注的字段
(此图片来源于网络，如有侵权，请联系删除! )
第五步、打开 /dede/album_edit.php 找到
//生成HTML |
在它上面加入
//新增图集字段 huxing
$huxing = "";
if(is_array($_POST['huxing']['url']))
{
foreach($_POST['huxing']['url'] as $key => $val)
{
$huxing .= "{dede:img ddimg='$val' text='{$_POST['huxing']['alt'][$key]}' width='' height='' uaid='{$_POST['huxing']['uaid'][$key]}'}$val{/dede:img}
";
}
}
$huxing = addslashes($huxing);
$upquery = "UPDATE `$addtable` SET `huxing`='$huxing' WHERE aid='$id' ";
$dsql->ExecuteNoneQuery($upquery);
|
如图，注意标注的字段
(此图片来源于网络，如有侵权，请联系删除! )
第六步、内容页标签新写法参考上面
使用layui***张图作为缩略图
打开 /dede/album_add.php 找到
生成文档ID |
在它上面加入
//使用layui***张图作为缩略图
if($ddisfirst==1 && $litpic=='')
{
if(isset($_POST['imgurls']['url'][0]))
{
$litpic = $_POST['imgurls']['url'][0];
}
}
|
如图
(此图片来源于网络，如有侵权，请联系删除! )
Pbootcms问题解决
请点击在线联系我们【点击咨询解决问题】 如果您有任何Pbootcms问题，我们将免费为您写解决教程！
