`
DBear
  • 浏览: 228585 次
  • 性别: Icon_minigender_2
  • 来自: 上海
社区版块
存档分类

上传图片一直不变的问题 | IE的file无法手动置空

阅读更多

   今天在开发一个图片上传控件的时候,发现在IE8下上传一张图片后,接着再上传一张,居然显示的是之前的那张图片。造成这个问题的原因其实很简单:

 

 

  1. 我用uid+type作为后台存储图片的新名字,也就是,每个user只保存一张图片,这样,每次上传后,图片的src其实都是一样的。
  2. 浏览器会把相同src的图片自动缓存。因此,虽然后台的图片已经更新,但是浏览器确实从缓存中读出来的,因此一直显示你第一次上传的图片。

解决方法:后台存储图片后想前端返回src结果的时候,加一个unique的随机参数,形如:/xx/xx/xx.jpg?v=223232
这样浏览器就每次重新从后台取数据了。


刚解决完这个问题就有发现一个新的:在IE下出于安全原因,不允许对file input的值手动设置(需要设置是为了防止前后上传相同的文件时,第二次的onchange失效)。所以只能用一个办法:删掉原节点,重新创建和添加一个相同的。


问题解决,睡觉。。。。

 

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics