我使用Filereader API来显示照片上传的缩略图。然而,我有一个问题。当你上传非常大的图片,并且上传其中的一些图片时,它开始延迟。缩略图很小,但文件太大了。有办法解决这个问题吗?以下是我的javascript:
document.querySelector('input').addEventListener('change', function(e){
var files = e.target.files;
for(var i = 0; i < files.length; i++){
var f = files[i];
var reader = new FileReader();
reader.onload = (function(tf){
return function(evt){
document.querySelector('.thumbs').innerHTML += '<div class="thumb" style="background-image: url('+evt.target.result+')"></div>';
}
})(f);
reader.readAsDataURL(f);
}
});
这里有一把小提琴,你可以在那里测试它:
https://jsfiddle.net/snx79yw2/1/
顺便说一句,滞后是指减速、冻结等,而不是实际滞后。
我找到了
this post