Javascript &引用;Aw Snap“;使用FileReader API加载大图像时出错
我试图允许用户将图像上传到大小为200MB的画布上,但当我选择该图像时,我从google chrome获得aw snap错误。我认为FileReaderAPI在图像大小方面没有限制 如果我将image.src设置为代码中的那个大图像,它将在几秒钟内加载。但由于某种原因,当用户试图加载它时,它会不断崩溃。如果有人能帮上忙,那就太好了。或者,如果有任何关于如何将大图像加载到画布的建议,那也将非常好 谢谢Javascript &引用;Aw Snap“;使用FileReader API加载大图像时出错,javascript,google-chrome,canvas,filereader,Javascript,Google Chrome,Canvas,Filereader,我试图允许用户将图像上传到大小为200MB的画布上,但当我选择该图像时,我从google chrome获得aw snap错误。我认为FileReaderAPI在图像大小方面没有限制 如果我将image.src设置为代码中的那个大图像,它将在几秒钟内加载。但由于某种原因,当用户试图加载它时,它会不断崩溃。如果有人能帮上忙,那就太好了。或者,如果有任何关于如何将大图像加载到画布的建议,那也将非常好 谢谢 function handleImage(e){
function handleImage(e){
//clearAnnotations();
//annoRedraw();
//redraw();
var reader = new FileReader();
reader.onload = function(event){
image.src = event.target.result;
redraw();
}
imageName = e.target.files[0].name;
reader.readAsDataURL(e.target.files[0]);
imageLoadedCheck();
}
此侦听器调用handleImage函数
imageLoader.addEventListener('change', handleImage, false);
你的代码是什么样子的?Charlie,刚刚添加了代码这些可能会帮助你:,谢谢你的帮助Charlie。我使用了你给我的第一个链接,我将它作为整个页面的背景加载,但是当我删除最后一行“document.body.appendChild(img)”并将其绘制到画布上时,它就不会绘制了。我让它工作了,谢谢查理的帮助。