JavaScript-js 上传图片前,预览图片,兼容 到IE9、 火狐

发布于 2017-01-27 20:04:35 字数 0 浏览 1141 评论 3

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

虐人心 2017-10-21 19:56:38

这些浏览器都提高了安全策略,不让浏览器直接去访问本地文件,因此在这里要么使用HTML5要么使用flash,而后两者要么太复杂、要么不太普及,所以还是上传后返回路径,如果取消上传,那么就按照这个路径去服务器中删除图片,或者定期清理。
还有一种可以欺骗人眼睛的方法,就是使用一个iframe,将iframe隐藏,iframe中有你需要的表单域,点击按钮,提交iframe中的表单,这样页面没刷新同时文件也上传上去了,点击的同时使用ajax去获取刚才上传文件在服务器上保存的路径,然后将路径设置到你要预览图片的地方即可。

归属感 2017-10-12 13:02:22

1,一般处理逻辑都是先把图片上传到服务器上,然后在本地显示,因为一般大家浏览器的安全级别都是中-高, 只有安全级别是中,JS才有权限img你本地的图片,进行预览,否者一般都会报出没权限的问题或者干脆就不显示了,如果没有特殊考虑的话 我还是建议先上传在预览,要是觉得会浪费服务器资源的话,可以配套写个批处理。推荐使用swfupload或者extjs 网上很多例子和讲解。
2,如果你确实对预览后上传情有独钟的话,那我只能提供思路了因为这方法我没试验过,调查的时候发现太麻烦就放弃了,滤镜或者getAsDataURL方法,ie6和ie7/ie8 还有firefox都需要不同的处理方式!

祝你好运!

归属感 2017-06-18 22:39:40

如果可以使用html5的话,可以试试下面的方法。

参考这篇文章:http://www.html5rocks.com/en/tutorials/file/dndfiles/#toc-reading-files

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文