html图片url指向图片变化,前端不刷新。
来源:互联网 发布:淘宝宝贝打造爆款 编辑:程序博客网 时间:2024/04/29 15:57
问题:
上传一张图片,通过js更新src属性刷新图片使其即时显示时,当img的src当前的url与上次地址无变化时(只更改图片,名称不变,不同图片名称相同)图片不变化(仍显示原来的图片),因为当src的地址不变时浏览器不会重新加载图片仍从缓存里面读取。
解决:
在img的url后面增加一个无用随机参数。由于在img的src中增加了随机数参数,多次访问图片时,浏览器认为是访问了不同的图片路径(或者说是访问了不同的图片),浏览器会每次重新访问服务器读取图片, 而不再读取缓存中的图片。
例:
$("#id").attr('src', src="./demo.png"+"?t=" + Math.random()); //显示图片
阅读全文
0 0
- html图片url指向图片变化,前端不刷新。
- SDWebImage加载图片URL第一次失败,后面图片URL存在不刷新的问题
- html不刷新页面更新js和图片
- 不刷新页面,而刷新图片
- 定时不闪烁刷新图片,不刷新页面
- 利用 HTML 5 的多图片上传及预览(不含前端的文件分割)
- 强制html网页中某个图片刷新
- HTML img 刷新图片的问题
- HTML img 刷新图片的问题
- 实现不刷新页面就更改图片
- 上传头像或图片后不刷新
- 不刷新实现图片上传功能
- 下拉刷新--随着拉动距离的变化,给图片染色
- c# 提取HTML中所有图片URL
- Swift截取HTML中的所有图片url
- C++ 获取URL图片、html文件,CInternetSession
- css中background url不显示图片
- 循环下载图片,跳过不可用url
- iOS9之后AFNetWorking的使用(详细)
- jsp页面太大无法编译问题
- git 添加ssh-key查看config
- eclipse运行项目内存溢出问题
- 图像直方图及直方图均衡总结(一)经典方法(附matlab和opencv端算法实现)
- html图片url指向图片变化,前端不刷新。
- js继承方式及其优缺点?
- pdf英文翻译中文
- BigNums——HDUOJ 1047
- tomcat配置域名
- eclipse 常用快捷键
- python os.path模块
- ES6的了解?
- spring事物配置,声明式事务管理和基于@Transactional注解的使用