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; } }
原创传送门:点击跳转
里面有更详细的介绍!