上传头像或图片后不刷新

最新推荐文章于 2021-03-24 20:57:32 发布
最新推荐文章于 2021-03-24 20:57:32 发布
阅读量2k 收藏
点赞数
分类专栏： jquery ajax 文章标签： date jsp 浏览器 ie
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sjhnanwang/article/details/7999041
版权

我们上传头像或者图片后由于IE浏览器的缓存原因，跳转或者重定向之后图片都还是原来的，没有及时刷新，只有按了f5才能看到自己刚上传的图片，解决方法就是用js或者jsp代码在图片的路径后面加上? new Date()或者? Math.random(),例如：

<img src="/images/15645646.jpg?<%=new Date()%>">

 

 

灰子
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
spring boot用户注册上传头像并在及时页面上显示
08-09
一个spring boot上传图片并且在页面上及时显示的小demo
无刷新上传头像源码
08-16
开发者可以通过研究这些文件，理解无刷新上传头像的完整流程，也可以直接在自己的项目中使用或借鉴这些源码。 总的来说，无刷新上传头像是利用前端技术提高用户体验的一种常见实践。通过理解其工作原理和技术细节，...
IE图片更新不刷新
Z_408的专栏
10-31 326
问题：在IE浏览器中，页面上图片更新后，重新取图片，即img.src重新取后台更新过的图片，图片无变化？ 原因：IE会有缓存问题。 解决办法：在更新完成后，在img.src=...？t=Math.random();地址后面加一个随机数参数。以便区分这两次是不同的请求，即每次都是要取后台取。...
解决浏览器图片缓存，上传图片不能自动刷新的问题
klausis的博客
09-22 4268
做网页时遇到了这类问题，找了很久解决方法，网上大部分的解答一是在属性后加一个随机数或者时间戳以保证访问的路径都不同，从而解决缓存。另一个就是在html文件头部加等，但都没有解决问题。现在分享一下我的解决方法，希望对遇到同样问题的伙伴们能有所帮助。   不要直接用src属性来直接访问图片，在servlet中用java I/O流来读取图片后传到页面显示。 jsp页面中： servlet中
上传图片一直不变的问题 | IE的file无法手动置空
小荷才露尖尖角
11-19 188
   今天在开发一个图片上传控件的时候，发现在IE8下上传一张图片后，接着再上传一张，居然显示的是之前的那张图片。造成这个问题的原因其实很简单：     我用uid+type作为后台存储图片的新名字，也就是，每个user只保存一张图片，这样，每次上传后，图片的src其实都是一样的。 浏览器会把相同src的图片自动缓存。因此，虽然后台的图片已经更新，但是浏览器确实从缓存中读出来的，因此一直...
关于图片刷新问题
天才周的博客
08-06 651
1.图片在上传完以后需要手动刷新文件夹。 这个问题是项目造成的，如果放在服务器上就不会用这个问题了，因为项目部署在了esclips上每次刷新相当于从新部署，所以可以获得路径 2.关于input file的value的安全问题。 input file 的value 无法手动去赋值，因为file选中文件后是以一个集合的形式，最重要的一点是不能通过这样去获取，js为了安全性考虑的，不能让别人去知道...
js实现头像图片切割缩放及无刷新上传图片的方法
10-23
主要介绍了js实现头像图片切割缩放及无刷新上传图片的方法,涉及javascript结合php实现文件无刷新上传等相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
基于asp.net和jquery技术实现无刷新上传头像和图片剪裁
06-15
总的来说，结合ASP.NET的服务器端功能和jQuery的前端优势，我们可以构建一个高效、流畅的无刷新上传头像和图片剪裁系统。这一过程涉及到AJAX通信、文件上传控件、客户端图像处理以及服务器端的图像操作等多个技术...
jquery+asp.net无刷新上传头像(图片裁切)
03-16
标题中的“jquery+asp.net无刷新上传头像(图片裁切)”是指利用jQuery库和ASP.NET框架，构建一个无需页面刷新的头像上传系统，并且包含图片裁剪功能。这个系统允许用户选择并上传图片，然后在服务器端处理图片，进行...
无刷新上传头像截取
04-01
在IT行业中，无刷新上传头像是一个常见的用户体验优化技术，特别是在社交网络、论坛和个人资料管理等网站中。这种技术允许用户在不重新加载整个页面的情况下上传并裁剪他们的头像，提高了交互性和效率。实现这一功能...
web开发实例，上传头像和剪切图片
05-18
web开发实例，上传头像和剪切图片支持asp和c#编写的web程序，利用ajax无刷新实现上传和剪切，效果完美
图片上传成功jsp页面不刷新问题
12-28
图片上传成功jsp页面不刷新，是因为浏览器缓存导致，需要在图片请求参数中添加随机参数
outlook中不显示用户的头像问题
weixin_33739523的博客
07-05 2063
近期客户反馈了这样一个问题，通过ABP或将用户从地址列表中隐藏后，在outlook客户端上无法显示用户的头像。以下是我针对此问题的验证过程： 在exchange2013 ECP上创建了2个测试帐户：ceshi01\ceshi02，并勾选了在地址列表中隐藏，如下图： 通过命令设置ceshi01\ceshi02的头像 使用ceshi01帐户登录OWA，新建邮箱，收件人框中输入ceshi02...
上传头像或实时显示更新的问题
From Zero To Hero
01-29 2017
本篇博文主要解决的问题是，自己制作的网页，如学生信息表，有头像需求，提供头像更改功能，并能根据上传的文件，实时更新并显示出来。 如下图效果 图1： 图2 图3 图4： 源代码： jsp图片显示的代码： &amp;lt;c:forEach var=&quot;Student&quot; items=&quot;${sessionScope.list}&quot;&amp;gt; &amp;lt;tr&
记录Spring boot上传图片后不能立即显示的原因及解决方法（读取当前项目下的图片）
qq_27195727的博客
03-24 3416
# 记录Spring boot上传图片后不能立即显示的原因及解决方法（读取当前项目下的图片） 我遇到的问题: 图片上传到项目根目录下,前端无法立即展示,但是切换回idea后端代码,看见上传的文件在根目录出现后,再切换回浏览器就能访问此图片. 网上看过很多文章,基本上都是说是缓存问题 其实不然,根本原因：因为对服务器的保护措施导致的，服务器不能对外部暴露真实的资源路径，需要配置虚拟路径映射访问。 解决方法 解决方法： 1、首先配置好spring boot目录下的application.yml，相关配置如下。
SpringBoot上传图片之后图片刷新不了，需要重新刷新服务器才能看到图片解决方法及其连锁反应
Mustang_carrot的博客
10-10 2005
No mapping for GET *
【springboot】关于图片上传后需要重启服务器才能刷新图片
zx874561的博客
02-26 4729
这是一种保护机制，为了防止绝对路径被看出来，目录结构暴露 添加一个config类，将虚拟路径向绝对路径映射 参考：https://blog.csdn.net/qq_36845328/article/details/84782967 初次使用springboot进行项目开发，记录一下遇到的一个坑了自己的地方。 问题描述：页面上传图片文件，后台接收图片保存到本地，返回保存路径，发现页面的...
springboot上传图片头像
最新发布
06-04
在Spring Boot中上传图片头像可以使用Spring MVC的MultipartFile接口进行实现，具体步骤如下： 1. 在前端页面中添加一个文件上传的input框，并设置name属性为file： ``` <form method="POST" enctype="multipart/form-data" action="/upload"> <input type="file" name="file"> <button type="submit">上传</button> </form> ``` 2. 在后端Controller中添加一个POST请求处理方法，该方法的参数为MultipartFile类型的file参数： ``` @PostMapping("/upload") public String handleFileUpload(@RequestParam("file") MultipartFile file) { // 处理上传文件 return "redirect:/success"; } ``` 3. 在处理方法中，可以使用MultipartFile的transferTo()方法将文件保存到服务器本地： ``` @PostMapping("/upload") public String handleFileUpload(@RequestParam("file") MultipartFile file) { if (file.isEmpty()) { return "上传失败，请选择文件"; } try { // 获取文件名 String fileName = file.getOriginalFilename(); // 获取文件后缀 String suffixName = fileName.substring(fileName.lastIndexOf(".")); // 文件上传后的路径 String filePath = "/path/to/upload/directory/"; // 新文件名 fileName = UUID.randomUUID() + suffixName; // 创建文件目录 File dest = new File(filePath + fileName); // 保存文件 file.transferTo(dest); return "redirect:/success"; } catch (IOException e) { e.printStackTrace(); } return "上传失败！"; } ``` 4. 最后，在处理完成后，可以将用户头像的访问路径保存到数据库中，或者直接将访问路径返回给前端页面进行显示。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值