欢迎光临精准像素,本站所有资源仅供学习与参考,禁止用于商业用途或从事违法行为!

帝国cms插件

帝国CMS7.2批量上传图片插件
2017-07-29 精准像素

帝国CMS7.2批量上传图片插件

  • 插件编号:80
  • 插件分类:帝国cms插件
  • 点击次数:
  • 插件编码:GBK/UTF
  • 插件版本:ecms7.2
  • 插件大小:827.95 KB
  • 下载权限:普通 / VIP
  • 插件售价:免费下载
  • 下载次数:395
立即下载

帝国CMS7.2批量上传图片插件</>

帝国CMS7.2批量上传图片插件效果图

帝国CMS7.2批量上传图片插件

帝国CMS7.2批量上传图片插件效果图

帝国CMS7.2批量上传图片插件安装说明:

1、复制uploadImg 和 requireCommon 放到 /e/extend/ 目录下

2、运行安装文件:

/e/extend/uploadImg/install/

3、新建字段:

uploadimg  图片集  MEDIUMTEXT  多行文本

替换字段html表单:

<?php

//如果有值
if ($r['uploadimg']) {
    $img = explode("rn", $r['uploadimg']);
    $total = count($img)-1;// 一共有几张图片
    $i = 0;

    $tr = "";
    while ($i < $total) {
        if($img[$i]){
            $dataI = $i;
            $str = $img[$i];
            $mp=explode("::::::",$img[$i]);
            $i++;
            $coverMsg = $mp[1] == $r['titlepic']?"<font color='red'>封面图</font>":"";
            /**
             * $mp[0] 原图片文件名
             * $mp[1] 图片路径
             * $mp[2] 图片存储ID
             */
            $tr .= '<tr><td><input type="checkbox" name="fid" value="'. $mp[2] .'" lay-skin="primary">'.$coverMsg.'</td><td>'.  $mp[0].'</td><td><img src="' .$mp[1]. '" layer-src="'. $mp[1] .'" alt="'. $mp[0] .'" width="100"></td><td><input type="button" class="layui-btn layui-btn-small" onclick="delFileResourceById($(this))" data-fid="'.$mp[2].'" data-id="'.$r['id'].'" data-str="'.$str.'" data-classid="'.$r['classid'].'" data-i="'.$i.'" value="删除"> <input class="layui-btn layui-btn-primary layui-btn-small" type="button" data-url="'.$mp[1].'" onclick="setCoverPic($(this));" value="设为封面"></td></tr>';
        }

    }
    echo '<p>该图集已上传完成:'.$total.'张图片</p>';
    ?>

    <div class="layui-form" id="layer-photos" style="height: 350px; overflow: scroll;">
        <table class="layui-table">
            <colgroup>
                <col width="50">
                <col width="150">
                <col width="150">
                <col width="200">
                <col>
            </colgroup>
            <thead>
            <tr>
                <th><input type="checkbox" name="fid" lay-skin="primary" lay-filter="allChoose"></th>
                <th>图片名称</th>
                <th>图片</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody>
            <?=$tr?>
            </tbody>
        </table>
    </div>

    <?

}
?>

<!--dom结构部分-->
<div class="page-container">
    <p>您可以尝试文件拖拽,或者点击添加图片按钮,来上传图集.[ 上传成功后,<font color="red">提交</font> 生效 ]</p>
    <div id="uploader">
        <div class="queueList">
            <div id="dndArea" class="placeholder">
                <div id="filePicker"></div>
                <p>或将图片拖到这里,单次最多可选300张</p>
            </div>
        </div>
        <div class="statusBar" style="display:none;">
            <div class="progress">
                <span class="text">0%</span>
                <span class="percentage"></span>
            </div>
            <div class="info"></div>
            <div class="btns">
                <div id="filePicker2"></div>
                <div class="uploadBtn">开始上传</div>
            </div>
        </div>
    </div>
</div>

<textarea name="uploadimg" cols="60" rows="10" id="uploadimg" style="display:none"><?= $ecmsfirstpost == 1 ? "" : ehtmlspecialchars(stripSlashes($r[uploadimg])) ?></textarea>

<!-- upload组件 -->
<link rel="stylesheet" type="text/css" href="/e/extend/uploadImg/theme/css/webuploader.css">
<link rel="stylesheet" type="text/css" href="/e/extend/uploadImg/theme/css/style.css">

<script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
<script type="text/javascript" src="/e/extend/uploadImg/theme/js/webuploader.js"></script>
<script type="text/javascript" src="/e/extend/uploadImg/theme/js/upload.js"></script>
<!-- layui组件 -->
<link href="/e/extend/requireCommon/layui/css/layui.css" type="text/css" rel="stylesheet"/>
<script src="/e/extend/requireCommon/layui/layui.js"></script>
<script>
    layui.use(['form','layer'], function(){
        var $ = layui.jquery,
            form = layui.form(),
            layer = layui.layer;

        //全选
        form.on('checkbox(allChoose)', function(data){
            var child = $(data.elem).parents('table').find('tbody input[name="fid"]');
            child.each(function(index, item){
                item.checked = data.elem.checked;
            });
            form.render('checkbox');
        });


        layer.photos({
            photos: '#layer-photos'
            ,offset:"t"
            ,anim: 5 //0-6的选择,指定弹出图片动画类型,默认随机(请注意,3.0之前的版本用shift参数)
        });

    });

    delFileResourceById = function(obj){

        layer.confirm('是否确定删除,该操作不可恢复,无需提交,直接删除!', {icon: 3, title:'提示',offset:'200px'}, function(index){

            var fid = obj.attr("data-fid"),
                id = obj.attr("data-id"),
                classid = obj.attr("data-classid"),
                str = obj.attr("data-str");

            $.post("/e/extend/uploadImg/controller/base.php?act=delFileResourceById", { "fid": fid,"id":id,"classid":classid,"str":str},
                function(res){
                    layer.msg(res.info, {
                        offset:"200px",
                        time: 1500 //2秒关闭(如果不配置,默认是3秒)
                    }, function(){
                        if(res.ret == 200){
                            obj.parent().parent("tr").remove();
                        }
                    });
                }, "json");

            layer.close(index);
        });



    }
</script>

安装完成。


相关专题
帝国CMS必备插件
帝国CMS必备插件
2019-03-19 679

整理收集了帝国CMS建站运营中必备的那些插件。

下载地址

· 积分下载:下载扣除对应积分,不扣除下载次数
· 会员免费:VIP会员免费下载,扣除下载次数
· 下载即代表您已阅读并同意 [服务条款]

相关推荐
  • 帝国cms批量插件
  • 批量上传
  • 帝国cms批量提取关键词-utf7.2-gbk7.2
    帝国cms批量提取关键词-utf7.2-gbk7.2

    感谢各位前辈的努力和分享。 我在7.0+gbk 的基础上,做了些简单修改,是的7.2+utf下能正确运行。修改如下:1.增加了关键词合并选项新生成的关键词,和已有的关键词可以合并,重复的会剔除。2.增加了词性选...

    帝国cms插件 1857 4年前
  • 帝国cms批量添加栏目插件免费下载
    帝国cms批量添加栏目插件免费下载

    帝国cms插件安装教程覆盖附件E目录到帝国CMS目录帝国cms插件说明本插件为GBK编码、UTF8编码、帝国CMS7.0、帝国CMS7.2

    帝国cms插件 1084 5年前
  • 帝国CMS7.5批量添加栏目插件
    帝国CMS7.5批量添加栏目插件

    帝国CMS7.5批量添加栏目插件说明1、帝国7.2版本修改而来,直接覆盖就可以用2、制作了GBK和UTF2个版本帝国CMS7.5批量添加栏目插件使用方法解压直接覆盖帝国CMS根目录就可以了...

    帝国cms插件 959 1年前
  • 帝国CMS批量推送信息到分类标题插件
    帝国CMS批量推送信息到分类标题插件

    插件截图插件使用方法1:把解压文件上传到admin目录下2.修改/e/data/html/listinfo.php文件打开这个文件在<script>下添加如下JS函数:function PushToInfoType(form){var id=&#39;&#39;;id=GetSele...

    帝国cms插件 527 1年前
  • 帝国7.0前台批量传图到图集并加水印插件
    帝国7.0前台批量传图到图集并加水印插件

    使用方法使用方法:一、将uploadify上传到网站目录e/extend/下二、进入后台,依次点击 系统 数据表与系统模型找到图片系统数据表,点击管理字段找到morepic 修改投稿表单替...

    帝国cms插件 1136 7年前
  • dedecms熊掌号批量推送插件
    dedecms熊掌号批量推送插件

    dedecms熊掌号批量推送插件支持时间批量和全部文章批量推送。插件截图插件使用方法登录织梦CMS后台,点击“上传新模块”,选择附件中对应的编码模块,点击上传,最后点击安装。...

    织梦cms插件 867 1年前
  • 帝国CMS7.2批量上传图片插件
    帝国CMS7.2批量上传图片插件

    帝国CMS7.2批量上传图片插件效果图帝国CMS7.2批量上传图片插件效果图帝国CMS7.2批量上传图片插件安装说明:1、复制uploadImg 和 requireCommon 放到 /e/extend/ 目录下2、运行安装文件:/e/extend/u...

    帝国cms插件 2615 3年前
  • 帝国CMS图片批量上传插件
    帝国CMS图片批量上传插件

    具体使用方法查看压缩包中说明。 只测试7.0版,其他版本未做测试,请自行测试注意:这个是能够把图片在本地压缩后再上传的,上传的进度显示的是 已上传/总数 的进度,非...

    帝国cms插件 2016 6年前
  • 帝国7.0前台批量传图到图集并加水印插件
    帝国7.0前台批量传图到图集并加水印插件

    使用方法使用方法:一、将uploadify上传到网站目录e/extend/下二、进入后台,依次点击 系统 数据表与系统模型找到图片系统数据表,点击管理字段找到morepic 修改投稿表单替...

    帝国cms插件 1136 7年前
  • 帝国CMS百度Webupload批量上传图片插件
    帝国CMS百度Webupload批量上传图片插件

    帝国CMS上传图片插件说明插件截图测试帝国CMS7.5版本可以使用,编码为UTF-8。目前只支持前台投稿使用,配合官方多图上传插件就能实现前后台都能批量上传图片了。使用说明1:将webupload放置e/extentd/...

    帝国cms插件 561 1年前