webuploader使用 修改图片怎么破

Question

webuploader上传的图片修改应该怎么做(删除图片重新选择上传)

Answer 1

了吗？

 

Answer 2

有解决方案了

Answer 3

uploader.on('beforeFileQueued',function(file){ uploader.reset(); })

Answer 4

这个是他的上传图片预览 ，我要已经上传的图片可以这样预览么 不知道怎么手动构建他的file对象

Answer 5

回复
拿到图片文件数据后，自己手动遍历 var $li = $('<div id="' + file.id + '" class="file-item thumbnail">' + '<img>' + '<div class="info">' + file.name + '</div>' + '</div>') 这部分dom就好了啊

Answer 6

回复
这个问题解决了吗，求指教

Answer 7

回复
请问一下，你这个问题有啥好的解决办法没？现在我也在研究，可没思路

Answer 8

function addFile(file) {

var $li = $('<div id="' + file.id + '" class="file-item thumbnail">' + '<img>' + '<div class="info">' + file.name + '</div>' + '</div>'), $del = $('<div class="file-panel"><span class="cancel"></span></div>'), $img = $li.find('img');

// 创建缩略图

uploader.makeThumb(file, function(error, src) {

if (error) {

$img.replaceWith('<span>不能预览</span>');

return;

}

$img.attr('src', src);

$list.append($li);

$del.appendTo($li);

}, thumbnailWidth, thumbnailHeight);

$del.on('click', 'span', function() {

removeFile(file);

});

}

// 负责view的销毁

function removeFile(file) {

var $li = $('#' + file.id);

uploader.removeFile(file, true);

$li.off().find('.file-panel').off().end().remove();

}

Answer 9

修改 webuploader.js

 uploader.on( 'beforeFileQueued', function( file ) {

            /**

             * count 已经选择的图片数量

             * uploadLimit  允许上传的数量

             */

            if ( count >= uploadLimit && flag ) {

                    flag = false;

                    this.trigger( 'error', '文件总数量超过限定', max, file );

                    setTimeout(function() {

                        flag = true;

                    }, 1 );

                    return false;

                }

            return count >= uploadLimit ? false : true;

            });