webuploader使用 修改图片怎么破

陌生、路人甲 发布于 2015/12/10 18:24
阅读 6K+
收藏 0

Linux基金会免费官方培训及考试申请即将截止,戳这里申请!>>>

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

加载中
0
陌生、路人甲
陌生、路人甲

修改 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;

            });

0
涛year
涛year
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();
}
迷你卡卡西
迷你卡卡西
回复 @陌生、路人甲 : 请问一下,你这个问题有啥好的解决办法没?现在我也在研究,可没思路
寒星源
回复 @陌生、路人甲 : 这个问题解决了吗,求指教
Mocushle
Mocushle
回复 @陌生、路人甲 : 拿到图片文件数据后,自己手动遍历 var $li = $('<div id="' + file.id + '" class="file-item thumbnail">' + '<img>' + '<div class="info">' + file.name + '</div>' + '</div>') 这部分dom就好了啊
陌生、路人甲
陌生、路人甲
这个是他的上传图片预览 ,我要已经上传的图片可以这样预览么 不知道怎么手动构建他的file对象
0
osc_ywen
osc_ywen

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

0
dada521
dada521

有解决方案了

0
dada521
dada521

了吗?

 

返回顶部
顶部