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

这篇文章主要为大家详细介绍了JavaScript预览本地图片的简单示例，具有一定的参考价值，可以用来参考一下。

感兴趣的小伙伴，下面一起跟随四海网的小编罗X来看看吧。
到目前为止，只有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();
}

本文来自：http://www.q1010.com/174/1721-0.html

注：关于JavaScript预览本地图片的简单示例的内容就先介绍到这里，更多相关文章的可以留意四海网的其他信息。

关键词：预览图片