李兴武

李兴武

315飞吻 2017-9-12 加入 来自昆明

(加载失败,请重试!)

李兴武 最近的提问

李兴武 最近的回答

  • 2017-10-26 11:20:48强迫症来了,TOP20排版是不是需要稍微改一下中回答:

    [哈哈] [哈哈] 超长的不要显示他
  • 2017-10-19 15:35:1layui 一周年中回答:

    [嘻嘻] 通过 layer认识layui的
  • 2017-10-17 11:54:26表单验证 verify 身份证号验证中回答:

    @贤心 问下lay-verify能传参数吗?
    比如说我要 限制输入字数
    能 lay-verify="length[10,100]" 吗?
  • 2017-10-17 11:52:17表单验证 verify 身份证号验证中回答:

    [泪] 怎么没人?
  • 2017-10-16 14:16:15能不能搞个娱乐版块中回答:

    [哈哈]
  • 2017-10-16 13:7:40左侧导航栏的收缩显示中回答:

    [嘻嘻] 要不要我也分享一下
  • 2017-10-16 12:52:56表单验证 verify 身份证号验证中回答:

    [可怜]
    大神在哪里???
  • 2017-10-12 19:30:22关于表单多次提交的问题中回答:

    [嘻嘻] 解决了,
    提交表单时,这样:
    $("#btnWinForm").addClass("layui-btn-disabled").attr("disabled", "disabled"); //禁用确定按钮

    点击新建或修改时,这样:
    $("#btnWinForm").removeClass("layui-btn-disabled").removeAttr("disabled"); //启用确定按钮
  • 2017-10-12 19:7:44关于表单多次提交的问题中回答:

    @luoye 我也是这样做的,但是还是提交了一堆
  • 2017-10-12 18:51:14求助,在html表单里设置lay-verity="required"无效中回答:

    [太开心]
  • 2017-10-11 9:41:3给 layui table 加上单选框中回答:

    [嘻嘻] 能不能说说怎么改的,我也的改过,该怎么合并?
  • 2017-10-10 18:16:57发现layui 有编辑器有bug ------此贴必火中回答:

    [哈哈] [哈哈] [哈哈] [哈哈]
  • 2017-10-10 9:36:4laydate 范围选择如何x选择从当天到当天中回答:

    上楼正解[嘻嘻]
  • 2017-10-9 21:2:20多图上传后没有图片重复的控制吗?中回答:

    [哈哈] 还有个张数限制没说,算了不说了,话多了
  • 2017-10-9 21:0:46多图上传后没有图片重复的控制吗?中回答:

    [嘻嘻]
    最终修改的,没有其他了
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>layui</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="../css/layui.css">
    <script type="text/javascript" src="../layui.js"></script>
    </head>

    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
    <legend>高级应用:制作一个多文件列表</legend>
    </fieldset>

    <div class="layui-upload">
    <button type="button" class="layui-btn layui-btn-normal" id="testList">选择多文件</button>
    <div class="layui-upload-list">
    <table class="layui-table">
    <thead>
    <tr>
    <th>文件名</th>
    <th>大小</th>
    <th>状态</th>
    <th>操作</th>
    </tr>
    </thead>
    <tbody id="demoList"></tbody>
    </table>
    </div>
    <button type="button" class="layui-btn" id="testListAction">开始上传</button>
    </div>

    <script>
    layui.use('upload', function () {
    var $ = layui.jquery
    , upload = layui.upload;
    var filearr = new Array();

    //自定义下标数组判断是否存在值
    function contains(array, value) {
    for (val in array)
    if (array[val] === value)
    return true;
    return false;
    }

    //多文件列表示例
    var demoListView = $('#demoList')
    , uploadListIns = upload.render({
    elem: '#testList'
    , url: '/upload/'
    , accept: 'file'
    , multiple: true
    , auto: false
    , bindAction: '#testListAction'
    , choose: function (obj) {
    var files = obj.pushFile(); //将每次选择的文件追加到文件队列

    //读取本地文件
    obj.preview(function (index, file, result) {

    //删除重复记录
    if (contains(filearr, file.name)) {
    delete files[index];
    return false;
    } else {
    filearr[index] = file.name;
    }

    var tr = $(['<tr id="upload-' + index + '">'
    , '<td>' + file.name + '</td>'
    , '<td>' + (file.size / 1014).toFixed(1) + 'kb</td>'
    , '<td>等待上传</td>'
    , '<td>'
    , '<button class="layui-btn layui-btn-mini demo-reload layui-hide">重传</button>'
    , '<button class="layui-btn layui-btn-mini layui-btn-danger demo-delete">删除</button>'
    , '</td>'
    , '</tr>'].join(''));

    //单个重传
    tr.find('.demo-reload').on('click', function () {
    obj.upload(index, file);
    });

    //删除
    tr.find('.demo-delete').on('click', function () {
    delete files[index]; //删除对应的文件
    delete filearr[index];//删除记录的文件名
    tr.remove();
    });

    demoListView.append(tr);
    });
    }
    , done: function (res, index, upload) {
    if (res.code == 0) { //上传成功
    var tr = demoListView.find('tr#upload-' + index)
    , tds = tr.children();
    tds.eq(2).html('<span style="color: #5FB878;">上传成功</span>');
    tds.eq(3).html(''); //清空操作
    delete files[index]; //删除文件队列已经上传成功的文件
    delete filearr[index];//删除记录的文件名
    return;
    }
    this.error(index, upload);
    }
    , error: function (index, upload) {
    var tr = demoListView.find('tr#upload-' + index)
    , tds = tr.children();
    tds.eq(2).html('<span style="color: #FF5722;">上传失败</span>');
    tds.eq(3).find('.demo-reload').removeClass('layui-hide'); //显示重传
    }
    });
    });
    </script>

    </body>
    </html>
    麻烦楼主 把我上面发的删除一下,看着蓝瘦香菇。