当我将文件加载到浏览器中时,我想向用户显示动画加载 gif。但是如果文件很大,浏览器看起来很忙,我的 gif 动画就不起作用。我可以做些什么来可视化加载?
HTML
<img id="loader" src="img/load.gif" />
JS
reader.readAsDataURL(file);
reader.onloadend = function(){
document.getElementById('loader').style.display='none';
var source = reader.result;
document.getElementById('img').setAttribute( 'src', source);
}
document.getElementById('loader').style.display='block';