JavaScript预览本地图片

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

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

对此感兴趣的朋友，看看idc笔记做的技术笔记。到目前为止，只有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();
}

注：关于JavaScript预览本地图片的简单示例的内容就先介绍到这里，更多相关文章的可以留意
代码注释
上一篇JS判断字符串类型的数字下一篇JavaScript relatedTarget, fromElement, toElement的简单示例

作者：喵哥笔记

IDC笔记

学的不仅是技术，更是梦想！