JavaScript预览本地图片的解决办法

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

对此感兴趣的朋友，看看idc笔记做的技术笔记。到目前为止，只有IE和FF
文章正文

这篇文章主要为大家详细介绍了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预览本地图片的简单示例的内容就先介绍到这里，更多相关文章的可以留意

代码注释
上一篇Python函数嵌套的解决办法下一篇Python魔术方法__getitem__、__setitem__、__delitem__、__len__功能实例

作者：喵哥笔记

IDC笔记

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