Javascript &引用;Aw Snap“;使用FileReader API加载大图像时出错

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){

我试图允许用户将图像上传到大小为200MB的画布上,但当我选择该图像时,我从google chrome获得aw snap错误。我认为FileReaderAPI在图像大小方面没有限制

如果我将image.src设置为代码中的那个大图像,它将在几秒钟内加载。但由于某种原因,当用户试图加载它时,它会不断崩溃。如果有人能帮上忙,那就太好了。或者,如果有任何关于如何将大图像加载到画布的建议,那也将非常好

谢谢

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)”并将其绘制到画布上时,它就不会绘制了。我让它工作了,谢谢查理的帮助。