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