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);
                            });
                        }

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章