chrome浏览器不能显示本地图片办法解决(图片预览)
2017-05-19 14:39
302 查看
近期开发项目时有个功能是实现图片预览,但是我将图片路径赋值给img标签的src时,预览的显示是这样的。
![](https://img-blog.csdn.net/20170519145521183?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvSnVkeUM=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
唉。我就郁闷了,再仔细一看,浏览器给我加了个路径啊。
![](https://img-blog.csdn.net/20170519145632410?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvSnVkeUM=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
这是什么鬼东西啊。
试了一下replace替换掉浏览器加给我的路径也不行,还挺顽固啊你。
我还治不了你。呵呵哒,我有base64转码。
详情见下:
$('#ChosePic')是类型为file的input,用于从电脑上选取图片,$('#pic')是要预览的图片。
然后图片就出来啦:
当当当当:
![](https://img-blog.csdn.net/20170519145825372?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvSnVkeUM=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
唉。我就郁闷了,再仔细一看,浏览器给我加了个路径啊。
这是什么鬼东西啊。
试了一下replace替换掉浏览器加给我的路径也不行,还挺顽固啊你。
我还治不了你。呵呵哒,我有base64转码。
详情见下:
$("#ChosePic").change(function () { var file = this.files[0]; var reader = new FileReader(); reader.readAsDataURL(file); reader.onload = function (e) { $('#pic').attr('src',this.result); }; }
$('#ChosePic')是类型为file的input,用于从电脑上选取图片,$('#pic')是要预览的图片。
然后图片就出来啦:
当当当当:
相关文章推荐
- 关于IE6和IE7关闭窗口时提示和不提示以及上传图片前的本地预览解决办法
- win7中资源管理器不能显示图片预览的解决方法
- 关于某些图片在ie中不能正常显示的解决办法之一
- html的img中使用SVG图片做SRC在本地测试可用但是上传服务器后不能显示问题解决 标签: SVGMIME TYPE不显示服务器设置 2016-05-21 13:49 2517人阅读 评论(0)
- PNG格式图片(验证码..)不能显示的解决办法
- ViewPager中图片不能全屏显示的解决办法
- html的img中使用SVG图片做SRC在本地测试可用但是上传服务器后不能显示问题解决
- 关于在编译器中图片能正常显示,当导出jar包后图片不能显示的解决办法/JAVA
- 关于IE6和IE7关闭窗口时提示和不提示以及上传图片前的本地预览解决办法
- 关于IE6和IE7关闭窗口时提示和不提示以及上传图片前的本地预览解决办法
- Word中嵌入型图片不能完全显示的解决办法
- VB使用Bitblt等函数,源图片不完全显示导致不能实现功能的解决办法
- (IIS)网站本地放置,域名虚拟,权限设置,局域网访问网站图片无法显示之解决办法
- 转:IE7远程客户端本地预览图片的解决办法(兼容IE6)
- win7中资源管理器不能显示图片预览的解决方法
- 关于IE6和IE7关闭窗口时提示和不提示以及上传图片前的本地预览解决办法
- ios不能获取本地图片地址解决办法
- win7中资源管理器不能显示图片预览的解决方法
- IE7远程客户端本地预览图片的解决办法(兼容IE6)
- javascript firefox不显示本地预览图片问题的解决方法