`
DBear
  • 浏览: 231204 次
  • 性别: 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失效)。所以只能用一个办法:删掉原节点,重新创建和添加一个相同的。


问题解决,睡觉。。。。

 

分享到:
评论

相关推荐

    Ajaxfileupload 支持多file上传 兼容IE 返回是File为置空问题 及原有的BUG修改 可直接使用

    Ajaxfileupload 支持多file上传 兼容IE 返回是File为置空问题 及原有的BUG修改 可直接使用

    jquery file上传预览本地图片支持IE6\7\8\9\10 chrome 火狐

    jquery file上传预览本地图片支持IE6\7\8\9\10 chrome 火狐 网上有很多关于 file上传预览本地图片开源角本但都对支持到IE6\7\8,而且chrome 火狐最新版本也有问题,自己动手丰衣足食。分享给给大家。

    上传插件支持ie8

    在IT行业中,尤其是在Web开发领域,兼容性问题一直是一大挑战。"上传插件支持ie8"这个主题,就是关于解决老旧浏览器,尤其是Internet Explorer 8(简称IE8)的文件上传功能。IE8虽然已经过时,但在某些企业或特定...

    input file上传图片预览

    在前端开发中,"input file上传图片预览"是一个常见的需求,它允许用户选择本地的图像文件,并在上传前提供预览。这个功能在许多网站和应用中都很实用,例如社交媒体平台、在线编辑器或者个人资料设置等。下面将详细...

    兼容IE6,IE7,IE8和Firefox的图片上传预览效果

    标题提到的"兼容IE6,IE7,IE8和Firefox的图片上传预览效果"直指浏览器兼容性问题,这是一个在过去很长一段时间内困扰开发者的关键挑战。由于早期的Internet Explorer(IE6, IE7, IE8)对现代Web标准的支持不足,而...

    new file()创建不出文件 解决 Android无法创建File问题

    Android 无法创建File文件 ,在上传图片的时候报错,提示file文件夹未空或在手机清空缓存删除文件夹后 文件夹无法创建 使用file.mkdirs()方法 返回一直是false 提供的功法可以直接解决该问题

    input type=file 调取手机照相机和选择照片上传

    本文将深入探讨如何使用 `input type="file"` 激活手机的照相机功能以及选择图片上传。 首先,`<input type="file">` 是HTML中的一个表单元素,它的主要作用是让用户选择本地文件。在默认情况下,点击这个元素会...

    file控件无法赋值解决实例

    解决无法为FIle控件赋值的问题!并且支持中文赋值问题

    vue iView 上传组件之手动上传功能

    手动上传功能允许开发者更加灵活地控制文件上传的过程,避免了自动上传可能导致的不必要的网络请求。 iView的上传组件 `<Upload>` 提供了多种配置项,如`multiple`、`before-upload`、`show-upload-list`、`on-...

    上传图片预览-兼容IE6,IE7,IE8,FF

    标题中的“上传图片预览-兼容IE6,IE7,IE8,FF”指的是一个Web开发的技术解决方案,目的是实现图片上传前的预览功能,并确保该功能在早期版本的Internet Explorer(IE6、IE7、IE8)以及Firefox浏览器上都能正常工作...

    WebUploader照片上传,file文件图片上传样式美化,多上传按钮处理,支持IE9+

    本教程将深入探讨如何解决WebUploader的多按钮上传问题,并对file文件图片上传样式进行美化。 1. **多上传按钮处理**: 在WebUploader中,创建多个上传按钮的关键在于实例化多个Uploader对象,每个对象对应一个...

    fileUpload(兼容IE的Ajax上传图片)

    "fileUpload(兼容IE的Ajax上传图片)"是一个专为解决浏览器兼容性问题而设计的解决方案,它确保在包括IE8在内的较旧版本Internet Explorer浏览器中也能实现Ajax方式的图片上传。 Ajax(Asynchronous JavaScript and ...

    Python库 | blobfile-0.4.3-py3-none-any.whl

    资源分类:Python库 所属语言:Python 使用前提:需要解压 资源全名:blobfile-0.4.3-py3-none-any.whl 资源来源:官方 安装方法:https://lanzao.blog.csdn.net/article/details/101784059

    文件上传input file简便美化方案(css)

    需要注意的是,在上述代码中提到,IE6无法进行完整的美化,这主要是因为IE6本身对CSS的支持不完善,例如不支持:hover伪类和不支持PNG格式的透明图片。因此,只能应用部分美化效果。 最后,需要注意文件上传组件的...

    Python库 | plyfile-0.7.3-py3-none-any.whl

    资源分类:Python库 所属语言:Python 资源全名:plyfile-0.7.3-py3-none-any.whl 资源来源:官方 安装方法:https://lanzao.blog.csdn.net/article/details/101784059

    Python库 | blobfile-0.16.7-py3-none-any.whl

    资源分类:Python库 所属语言:Python 资源全名:blobfile-0.16.7-py3-none-any.whl 资源来源:官方 安装方法:https://lanzao.blog.csdn.net/article/details/101784059

    ie6,ie7,ie8和firefox下兼容的图片上传预览

    在网页开发中,兼容性问题始终是一个挑战,尤其是在处理老版本的Internet Explorer(IE)浏览器时,如IE6、IE7和IE8。这些浏览器在处理某些现代Web技术时存在局限,例如对CSS3、HTML5新特性以及JavaScript的一些高级...

    兼容IE6+的文件上传控件plupload工具包

    - **分块上传**:为了处理大文件上传,plupload支持将大文件切割成小块上传,然后在服务器端进行重组,有效避免了因网络问题导致的上传失败。 - **进度条显示**:plupload可以实时显示每个文件的上传进度,提供用户...

    File 上传文件以及图片

    在本示例中,"File 上传文件以及图片" 的标题和描述指向了一个涉及文件和图片上传的代码实现。从提供的压缩包文件名(file1.aspx、file1.aspx.cs、ImageProcessFactory.cs)来看,这很可能是基于ASP.NET平台的一个...

    IE7不能立即显示上传的图片

    ### IE7不能立即显示上传的图片 #### 问题背景与挑战 在早期的Web开发过程中,尤其是在使用Internet Explorer 7 (IE7) 这样的老旧浏览器时,经常会遇到一些兼容性问题。其中一个典型的问题就是在用户从本地选择...

Global site tag (gtag.js) - Google Analytics