WebUploader删除上传文件

uploader.on('fileQueued', function(file) {
  $('#thelist').append('<div id="' + file.id + '" class="webuploader-item">' +
       '<h4 class="info" style="display: inline-block;">' + file.name + '</h4>' +
       '<p class="state" style="display: inline-block;margin-left: 20px;">等待上传...</p>' +
       '<p class="remove-this" style="display: inline-block;margin-left: 20px;">删除</p>' +
       '</div>');
});
 $('#thelist').on('click', '.remove-this', function() {
   var fileItem = $(this).parent();
   var id = $(fileItem).attr("id");
   uploader.removeFile(id, true);
   $(fileItem).fadeOut(function() {
       $(fileItem).remove();
   });
    //删除数组(这边根据自己情况图片展示情况进行删除)
        var src = $(this).prev().attr("src");
        if (src != "" && src.length > 0) {
            var index = src.indexOf("/Upload/Image/");
            var filename = src.replace("/Upload/Image/", "");
            var arryindex = pics.indexOf(filename);
            if (arryindex > -1) {
                pics.splice(arryindex, 1);
            }
        }
})

猜你喜欢

转载自blog.csdn.net/longzhoufeng/article/details/80325522