HTML5上传图片前实现预览（超简单）

H5提供的API让图片预览变得非常简单，实现上传前预览图片

兼容性：在标准浏览器下（IE10+）使用

以下是代码：

function html5Reader(file) {
   var file = file.files[0];
   var reader = new FileReader();
   reader.readAsDataURL(file);
   reader.onload = function(e){
      var pic = document.getElementById("image-right");
      pic.src=this.result;
   }
}

原创传送门：点击跳转

里面有更详细的介绍！