今天在开发一个图片上传控件的时候,发现在IE8下上传一张图片后,接着再上传一张,居然显示的是之前的那张图片。造成这个问题的原因其实很简单:
- 我用uid+type作为后台存储图片的新名字,也就是,每个user只保存一张图片,这样,每次上传后,图片的src其实都是一样的。
- 浏览器会把相同src的图片自动缓存。因此,虽然后台的图片已经更新,但是浏览器确实从缓存中读出来的,因此一直显示你第一次上传的图片。
解决方法:后台存储图片后想前端返回src结果的时候,加一个unique的随机参数,形如:/xx/xx/xx.jpg?v=223232
这样浏览器就每次重新从后台取数据了。
刚解决完这个问题就有发现一个新的:在IE下出于安全原因,不允许对file input的值手动设置(需要设置是为了防止前后上传相同的文件时,第二次的onchange失效)。所以只能用一个办法:删掉原节点,重新创建和添加一个相同的。
问题解决,睡觉。。。。
本文讨论了在IE8下上传图片时出现的问题,即上传第二张图片时显示第一张图片。通过在后台返回的图片URL中加入随机参数,解决了浏览器缓存问题。此外,由于IE不允手动设置fileinput值,文章介绍了通过删除原节点并重建的方法来解决此限制。
4343

被折叠的 条评论
为什么被折叠?



