layui自定义上传文件名称修改

choose: function (obj) {
                            var files = this.files = obj.pushFile(); //将每次选择的文件追加到文件队列
                            //读取本地文件
                            obj.preview(function (index, file, result) {
                                
                                var name = file.name.substr(0,file.name.lastIndexOf("."));
                                var suffix = file.name.substr(file.name.lastIndexOf(".")+1);
                                var tr = $(['<tr class="table-tr">'
                                    , '<td class="table-td demo-edit" style="position:relative;"><div class="layui-table-cell">' + name + '</div></td>'
                                    , '<td class="table-td">' + suffix + '</td>'
                                    , '<td class="table-td">等待上传</td>'
                                    , '<td class="table-td">'
                                    , '<button class="layui-btn layui-btn-xs demo-reload layui-hide">重传</button>'
                                    , '<button class="layui-btn layui-btn-xs layui-btn-danger demo-delete">删除</button>'
                                    , '</td>'
                                    , '</tr>'].join(''));
                               
                              tr.find('.demo-edit').on('click',function(){
                                   var e = $(this);
                                   var o = e.children(".layui-table-cell");
                                   var d = $('<input class="layui-input layui-table-edit">');
                                   d[0].value = o.text(), e.find(".layui-table-edit")[0] || e.append(d), d.focus()
                               d.blur(function(){
                                       var l = $(this);
                                       l.siblings('.layui-table-cell').html(this.value);
                                       obj.resetFile(index, file, this.value+'.'+suffix);
                                       l.remove();
                                   })
                               });
                                //单个重传
                                tr.find('.demo-reload').on('click', function () {
                                    obj.upload(index, file);
                                });

                                //删除
                                tr.find('.demo-delete').on('click', function () {
                                    delete files[index]; //删除对应的文件
                                    tr.remove();
                                    uploadListIns.config.elem.next()[0].value = ''; //清空 input file 值,以免删除后出现同名文件不可选
                                });

                                attListView.append(tr);
                            });
                        }

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值