JavaScript预览本地图片的简单示例

感兴趣的小伙伴，下面一起跟随编程之家 jb51.cc的小编来看看吧。
到目前为止，只有IE和FF可以预览本地图片。IE下可以直接浏览本地图片，通过input[type=file]的value属性就可以取到本地图片的路径。而在FF下，有getAsDataURL的方法可以生成图片的DataURL，然后赋值给img标签。

IE下的演示：

document.getElementById(upload).onchange = function() {
  document.getElementById(image).src = this.value;
}

FF下的演示：

document.getElementById(upload).onchange = function() {     
  document.getElementById(image).src = this.files[0].getAsDataURL();
}