网站目录收录网站方式：1.人工手动审核。2.自助审核（你的网站在权重3、PR4以上，挂上本站友链->点击友链->自动审核通过。）
北京 天津 上海 广东 深圳 河北 河南 新疆 重庆 四川 贵州 湖南 湖北 云南 广西 宁夏 青海 甘肃 陕西
西藏 海南 山东 福建 安徽 浙江 吉林 山西 江西 江苏 辽宁 黑龙 内蒙 澳门 香港 台湾 日本 韩国 美国
当前位置：站长啦网站目录 » 新闻资讯 » 站长新闻 » 技术文档 » 文章详细 订阅RssFeed

【dede图集】dede图集FLASH打不开怎么办?替换layui上传

来源：织梦图集整合layui上传　浏览：2279次　时间：2021-03-25
简介：织梦图集整合layui上传，可多图集，多实例，可会员多图集 flash马上要退出舞台了，而织梦的图集上传功能更使用的就是flash控件，安全性也低，而且不能轻松实现多实例多图集，我们来把它换一换，换成现在比较流行的layui前端框架 - layui上传

【dede图集】dede图集FLASH打不开怎么办?替换layui上传



flash马上要退出舞台了，而织梦的图集上传功能更使用的就是flash控件，安全性也低，而且不能轻松实现多实例多图集,我们来把它换一换，换成现在比较流行的layui前端框架 - layui上传模块。


演示效果




整合功能

    支持 gbk / utf8编码织梦程序
    支持后台、前台、会员接入
    支持所有模型接入
    支持每个图片删除一并删除图片文件
    支持每个图片注释
    支持每个图片排序
    支持前台超级简单标签调用每个图集


整合教程

第一步、下载额外所需文件，根据自己网站编码

把include里面的"layui"文件夹和"taglib"文件夹放到你网站include文件夹里去
 
网盘下载：

链接：https://pan.baidu.com/s/1JRyRfvFbyfqnHzzx7dFVFg
提取码：5ptl


第二步、为后台图片集模型添加layui上传模块，官方原来的图集上传功能保留不动

伸手党 可以直接下载这4个文件替换即可使用(替换之前建议你备份你自己的这4个文件)

    /dede/templets/album_add.htm
    /dede/templets/album_edit.htm
    /dede/album_add.php
    /dede/album_edit.php

网盘下载：

链接：https://pan.baidu.com/s/1ANiWzcjmscnnLzjKQT7A-g
提取码：ep9t

伸手党 覆盖文件后刷新后台即可使用，下面的教程可略过【注意，二开的后台请根据教程来操作】

动手党 请看下面教程


1、打开 /dede/templets/album_add.htm 找到

1
<div id="thumbnails"></div>

在它所在的tr标签下面加入

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<link href="../include/layui/css/layui.css" rel="stylesheet" media="all">
<script src="../include/layui/layui.js" type="text/javascript"></script>
<tr>
    <td width="100%" height="24" colspan="4" class="bline">
        <table width="800" border="0" cellspacing="0" cellpadding="0">
            <tr>
                <td width="80" height="40">&nbsp;<b>默认图集：</b></td>
                <td><button type="button" class="layui-btn layui-btn-sm layui-btn-normal imgurls"><i class="layui-icon layui-icon-upload"></i>上传图片</button></td>
            </tr>
        </table>
    </td>
</tr>
<tr>
    <td colspan="4" class="bline">
        <table width='100%'>
            <tr>
                <td><div class="layui-upload-img"><ul class="layui-upload-list" id="imgurls"></ul></div></td>
            </tr>
        </table>
    </td>
</tr>
<script type="text/javascript">
    layui.use('upload', function(){
        var $ = layui.jquery
            ,upload = layui.upload;
 
        // imgurls 图片上传
        var uploadInst = upload.render({
            elem: '.imgurls'
            ,url: '../include/layui/layuiupload.php'
            ,multiple: true
            ,accept: 'images'
            ,acceptMime: 'image/*'
            ,done: function(res){
                if(res.code == 0){
                    return layer.msg(res.msg);
                }
                $('#imgurls').append('<li class="item_img"><div class="operate"><i class="toleft layui-icon layui-icon-left"></i><i class="toright layui-icon layui-icon-right"></i><i class="close layui-icon layui-icon-close-fill" data-id="' + res.id + '"></i></div><img src="' + res.img + '" class="img" ><input type="text" name="imgurls[alt][]" value="" class="layui-input" /><input type="hidden" name="imgurls[url][]" value="' + res.img + '" /><input type="hidden" name="imgurls[uaid][]" value="' + res.id + '" /></li>');
            }
            ,error: function(){
 
            }
        });
 
        $("body").on("click",".close",function(){
            var id = $(this).data('id');
            $.get('../include/layui/layuiupload.php',{'dopost':'del','id':id},function(res){})
            $(this).closest("li").remove();
        });
 
        $("body").on("click",".layui-upload-img ul li .toleft",function(){
            var li_index = $(this).closest("li").index();
            if(li_index >= 1){
                $(this).closest("li").insertBefore($(this).closest("ul").find("li").eq(Number(li_index)-1));
            }
        });
        $("body").on("click",".layui-upload-img ul li .toright",function(){
            var li_index = $(this).closest("li").index();
            $(this).closest("li").insertAfter($(this).closest("ul").find("li").eq(Number(li_index)+1));
        });
 
    });
</script>

如图：



2、打开 /dede/templets/album_edit.htm 找到

1
<div id="thumbnails"></div>

在它所在的tr标签下面加入

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
<link href="../include/layui/css/layui.css" rel="stylesheet" media="all">
<script src="../include/layui/layui.js" type="text/javascript"></script>
<tr>
    <td width="100%" height="24" colspan="4" class="bline">
        <table width="800" border="0" cellspacing="0" cellpadding="0">
            <tr>
                <td width="80" height="40">&nbsp;<b>默认图集：</b></td>
                <td><button type="button" class="layui-btn layui-btn-sm layui-btn-normal imgurls"><i class="layui-icon layui-icon-upload"></i>上传图片</button></td>
            </tr>
        </table>
    </td>
</tr>
<tr>
    <td colspan="4" class="bline">
        <table width='100%'>
            <tr>
                <td><div class="layui-upload-img"><ul class="layui-upload-list" id="imgurls"></ul></div></td>
            </tr>
        </table>
    </td>
</tr>
<script type="text/javascript">
    layui.use('upload', function(){
        var $ = layui.jquery
            ,upload = layui.upload;
 
        // imgurls 图片上传
        var uploadInst = upload.render({
            elem: '.imgurls'
            ,url: '../include/layui/layuiupload.php'
            ,multiple: true
            ,accept: 'images'
            ,acceptMime: 'image/*'
            ,done: function(res){
                if(res.code == 0){
                    return layer.msg(res.msg);
                }
                $('#imgurls').append('<li class="item_img"><div class="operate"><i class="toleft layui-icon layui-icon-left"></i><i class="toright layui-icon layui-icon-right"></i><i class="close layui-icon layui-icon-close-fill" data-id="' + res.id + '"></i></div><img src="' + res.img + '" class="img" ><input type="text" name="imgurls[alt][]" value="" class="layui-input" /><input type="hidden" name="imgurls[url][]" value="' + res.img + '" /><input type="hidden" name="imgurls[uaid][]" value="' + res.id + '" /></li>');
            }
            ,error: function(){
                //失败重传
                 
            }
        });
 
        $("body").on("click",".close",function(){
            var id = $(this).data('id');
            $.get('../include/layui/layuiupload
0

版权与免责声明：

凡注明稿件来源的内容均为转载稿或由网友用户注册发布，本网转载出于传递更多信息的目的；如转载稿涉及版权问题，请作者联系我们，同时对于用户评论等信息，本网并不意味着赞同其观点或证实其内容的真实性；


本文地址：https://top.cnzzla.com/artinfo/72212.html

好玩的手游下载

猜你喜欢

推荐站点

  • 国厨盛宴国厨盛宴

    佛山市南海区嘉怡西餐厅（简称\"国厨盛宴\"）是一家专注于珠三角地区的高端餐饮定制服务企业。在嘉怡西式餐饮为基础，整合了国力餐饮策划公司、国邦餐饮咨询公司、焰渝餐饮管理公司。于2016年3月正式更名为“广东国厨盛宴餐饮定制”， 公司出品全部来自香港、广东十年以上中西餐饮宴会实践经验丰富的业内专业星级大厨，国厨盛宴是融合了中西宴会外卖特色具一体，积累了多年的实践经验的一家公司。 国厨盛宴的餐房、现场执行及客户服务均由香港资深专业人士负责，拥有丰富的餐饮定制配餐服务管理经验及餐饮行饮服务团队，从客服、采购、厨业经营经验。 无论是大型商业活动(100-3000人）还是小型（20-100人）的私人宴请，无论您的活动是在室内、室外、办公室，还是在公园、体育场、展厅、发布中心、别墅、郊外，都能为您提供超五星级的专业餐饮服务。除了为您提供精致的外烩美食外卖，我们还可以根据您的需要，结合宴会活动的每一环节、流程，为您提供活动策划、会场布置、节目安排、花艺服务等增值服务，为您节省宝贵的时间。

    guochushengyan.com
  • 皇家馬車家纺官网皇家馬車家纺官网

    馬車源自华夏千年礼制，始于“天子驾六”的皇家威仪。馬车，是帝王仪仗，是身份象征，更是东方尊贵生活的传承载体。皇家馬车家纺，承中式皇家礼序，融东方典雅美学，以匠心织就尊贵、舒适、荣耀的中式睡眠美学，让每一户人家，皆藏皇家气度。 皇家馬车家纺品牌源之于承华夏皇家礼序，筑东方品质寝饰。自古以来皇家馬车无论从欧洲皇室到我们中国的华夏文明，车马为礼；皇家馬车，自古便是帝王专属仪仗，象征至高无上的身份、威仪与尊贵。自周代“天子驾六”定礼制，秦汉“金根车”彰皇权，唐宋“大辇”显威仪，明清“銮驾”集大成，皇家馬车，早已沉淀为东方文化中尊贵、典雅、荣耀、传承的核心符号。 皇家馬车家纺，根植中国千年皇家车马文化，1992年源自福建台资企业，已深耕中高端家纺34载。品牌以“传承中式皇家礼序，打造国人轻奢寝居”为初心，将皇家馬车所代表的礼制、尊贵、精工、传承，融入每一件床品的设计与织造。 品牌自创立以来，始终坚守品质为本，引进台湾先进纺织工艺与生产管理体系，严选优质长绒棉、桑蚕丝、天然纤维等高端原材料，全程标准化品控，面料细腻亲肤、健康环保。先后荣获2000年、2012年福建省著名商标荣誉称号，2006获ISO9001：2000质量管理体系认证企业，为产品的品质奠定了坚实基础。凭借过硬品质与深厚品牌底蕴，深受广大消费者信赖与认可，高峰时期全国17个省市均有 皇家馬車专卖店。 2025年由福州东盈家居科技有限公司全面接手操盘运营，焕新升级，生产基地从福建迁移到江苏南通家纺产业核心区，配备行业前沿设备。重塑品牌发展战略，打通线上线下全域渠道。线下设立福州晋安区喜盈门旗舰店，全国门店持续布局扩张。皇家馬车家纺秉持匠心初心，坚持高端品质、亲民定价，让万千家庭，都能用上高品质，皇室级的寝饰，享受舒适精致睡眠生活。 我们萃取中式皇家美学元素——龙凤呈祥、祥云瑞气、织金刺绣、典雅纹样，结合现代家纺工艺，严选高支长绒棉、桑蚕丝等高端原料，以台资精工标准，打造兼具东方贵气与现代舒适的中高端家纺。 从“福建省著名商标”到“家纺行业十大品牌”，皇家馬车家纺始终坚守“高贵不贵，匠心传承”，让千年皇家礼制，化作日常居家的尊贵体验；让每一户中国家庭，都能拥有属于自己的东方皇家睡眠礼遇。

    huangjiamache.mhwz.cn
  • 福州小程序开发福州小程序开发

    福州好小蚁科技提供专业的微信小程序开发、软件定制、手机APP开发、网站开发等高端定制外包服务，价格美丽,服务周到.一对一项目对接，不满意退全款！预约电话:13107632710 胡小春！福州好小蚁科技有限公司是福建福州网站app等技术开发优秀网络公司。

    www.fzant.com
  • 世界时间网世界时间网

    世界时间网为您提供世界各地精准时间，北京时间校准器，标准时间，世界各地时间与北京时间对比，时间换算等，希望对您有所帮助。

    top.cnzzla.com/time
  • 科技镇科技镇

    科技镇 | 关注科技、娱乐、人文、生活！

    www.kejizhen.com

最新优秀网站