前言:
当前你们对“js预览本地图片”大体比较关怀,小伙伴们都需要分析一些“js预览本地图片”的相关资讯。那么小编也在网络上网罗了一些关于“js预览本地图片””的相关知识,希望看官们能喜欢,姐妹们一起来学习一下吧!在上传图片的时候,经常需要预览一下,这时候为了避免服务器资源占用,可以在上传服务器之前本地预览
<html><head> <title></title></head><body> <img id="image" scr="" /> <input type="file" onchange="selectImg(this);" /></body><script type="text/javascript"> var image = ""; console.log(123); function selectImg(file) { if (!file.files || !file.files[0]) { return; } var reader = new FileReader(); reader.onload = function(e) { document.getElementById('image').src = e.target.result; image = e.target.result; } reader.readAsDataURL(file.files[0]); }</script></html>
上传图片前
上传图片后:
版权声明:
本站文章均来自互联网搜集,如有侵犯您的权益,请联系我们删除,谢谢。