在开发后台上传图片的功能时候使用base64预览图片，结果在传入大量图片后导致chrome崩溃，代码如下
var img = new Image(); var render = new FileReader(); render.onload = function(e) { img.src = e.target.result; }; render.readAsDataURL(file);
本人猜测是在图片数量太多而且图片太大，浏览器在解析base64文件的时候消耗了太多资源导致崩溃，所以更换图片预览方式如下：
var img = new Image(); var render = new FileReader(); render.onload = function(e) { var blob = new Blob([e.target.result]); img.src = (URL || webkitURL).createObjectURL(blob); }; render.readAsArrayBuffer(file);
不再使用base64，改成读取文件二进制，然后通过 createObjectURL 生成资源链接，这就省去了base64解析的过程。
有更好的方法欢迎拍砖。
关于图片预览使用base64在chrome上的性能问题解决方法
原文：http://www.cnblogs.com/flicat/p/5544905.html