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

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

来源:织梦图集整合layui上传 浏览:115次 时间: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

好玩的手游下载

推荐站点

  • 西瓜屋网站大全西瓜屋网站大全

    西瓜屋网站大全是一个综合性全球网址导航,收录分享和推荐国内国外知名、实用、高质量的网站,包含优秀的企业网址导航、企业黄页大全、分类目录提交等优秀网站大全!

    www.xgt5.com
  • 国外网站大全国外网站大全

    热词厝网址导航是一个收集全球热门知名网站,包含国外网站大全,黄页网址大全及国内优秀网址,是你了解互联网发展的重要网站。找国外网站、国内网站就上热词厝热词厝网址导航。

    www.rccuo.com
  • 网站百科网站百科

    站长啦官网大全是一个全新的网站百科全书,汇集全球所有高质量网站,是权威的中文网站分类目录,给站长提供免费网址目录提交收录和推荐最新最全的优秀网站大全,是网友上网冲浪的名站导航之家。

    cnzzla.cn
  • 06游戏网06游戏网

    06游戏网是全网热门游戏下载网站,为您提供2021最新手游下载、最新的游戏资讯新闻、好玩的手机游戏推荐、热门的手机安卓软件app及部分常用电脑软件下载。找手游下载、app下载就在06游戏网!

    www.06youxi.com
  • 秘境吧秘境吧

    秘境吧(mjb7.com)为您提供生活百科知识。以及各种汽车知识、美食教程、文章作文、优美句子、祝福语、数码摄像、生活常识等各种各样的知识!

    mjb7.com

最新优秀网站