支持IE8的不刷新页面上传图片

对于IE8,IE9来说,不支持formData,导致上传文件必须用post页面的方式才可以。那么怎样做到不刷新当前页面,上传一张图片呢?

除了用webuploader以外,如果不需要显示进度条(小文件、图片上传都是这样的需求),那么可以用我这个方法。

在当前页面引入一个隐藏的iframe,iframe的src指向一个上传文件的页面,点击当前页面的某个按钮或图片,触发iframe中的上传文件的input的click,那么选择一个文件以后,让iframe中的页面进行post,再让post到的php页面在将文件妥善存放后,以get参数带回iframe中的原页面(上传文件那个),这时候,那个页面利用window.postMessage将消息(带有上传图片HTTP路径)传递回当前页,当前页收到消息,设置图片路径和input的value即可。

代码在附件中,下载下来一定放在某个虚拟主机根目录下运行。

根据自己的项目需求可以进行调整,代码量很小的。这个实例代码没考虑更多的上传安全或者回传get参数中有特殊字符的问题,具体项目中,要考虑这些问题。

猜你喜欢

转载自canlynet.iteye.com/blog/2363866