这些浏览器都提高了安全策略,不让浏览器直接去访问本地文件,因此在这里要么使用HTML5要么使用flash,而后两者要么太复杂、要么不太普及,所以还是上传后返回路径,如果取消上传,那么就按照这个路径去服务器中删除图片,或者定期清理。还有一种可以欺骗人眼睛的方法,就是使用一个iframe,将iframe隐藏,iframe中有你需要的表单域,点击按钮,提交iframe中的表单,这样页面没刷新同时文件也上传上去了,点击的同时使用ajax去获取刚才上传文件在服务器上保存的路径,然后将路径设置到你要预览图片的地方即可。
1,一般处理逻辑都是先把图片上传到服务器上,然后在本地显示,因为一般大家浏览器的安全级别都是中-高, 只有安全级别是中,JS才有权限img你本地的图片,进行预览,否者一般都会报出没权限的问题或者干脆就不显示了,如果没有特殊考虑的话 我还是建议先上传在预览,要是觉得会浪费服务器资源的话,可以配套写个批处理。推荐使用swfupload或者extjs 网上很多例子和讲解。2,如果你确实对预览后上传情有独钟的话,那我只能提供思路了因为这方法我没试验过,调查的时候发现太麻烦就放弃了,滤镜或者getAsDataURL方法,ie6和ie7/ie8 还有firefox都需要不同的处理方式!
祝你好运!
如果可以使用html5的话,可以试试下面的方法。
参考这篇文章:http://www.html5rocks.com/en/tutorials/file/dndfiles/#toc-reading-files
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
暂无简介
文章 0 评论 0
接受
发布评论
评论(3)
这些浏览器都提高了安全策略,不让浏览器直接去访问本地文件,因此在这里要么使用HTML5要么使用flash,而后两者要么太复杂、要么不太普及,所以还是上传后返回路径,如果取消上传,那么就按照这个路径去服务器中删除图片,或者定期清理。
还有一种可以欺骗人眼睛的方法,就是使用一个iframe,将iframe隐藏,iframe中有你需要的表单域,点击按钮,提交iframe中的表单,这样页面没刷新同时文件也上传上去了,点击的同时使用ajax去获取刚才上传文件在服务器上保存的路径,然后将路径设置到你要预览图片的地方即可。
1,一般处理逻辑都是先把图片上传到服务器上,然后在本地显示,因为一般大家浏览器的安全级别都是中-高, 只有安全级别是中,JS才有权限img你本地的图片,进行预览,否者一般都会报出没权限的问题或者干脆就不显示了,如果没有特殊考虑的话 我还是建议先上传在预览,要是觉得会浪费服务器资源的话,可以配套写个批处理。推荐使用swfupload或者extjs 网上很多例子和讲解。
2,如果你确实对预览后上传情有独钟的话,那我只能提供思路了因为这方法我没试验过,调查的时候发现太麻烦就放弃了,滤镜或者getAsDataURL方法,ie6和ie7/ie8 还有firefox都需要不同的处理方式!
祝你好运!
如果可以使用html5的话,可以试试下面的方法。
参考这篇文章:http://www.html5rocks.com/en/tutorials/file/dndfiles/#toc-reading-files