JS去除图片缓存

太过爱你忘了你带给我的痛 2023-02-09 14:13 1阅读 0赞

在Web网站中,有时候修改图片显示仍然不是最新的,这是由于浏览器对图片的缓存造成.

1.给图片url添加随机数参数,使浏览器每次重新请求图片(但是在IE浏览器中,缓存有可能还是不能清除,可以使用下面第二种方法)

HTML代码:
    <div class="login_main">
            <div class="login_ptxt">
                <div class="login_p">
                 <img alt=\"用户头像\"/>
                 </div>
              </div>
    </div>

$(".login\_main .login\_p img").attr("src", userIconUrl + "?temp=" + Math.random());//userIconUrl 为图片URL

### **2.第二种方法:动态添加img元素** ###

HTML代码:
    <div class="login_main">
            <div class="login_ptxt">
                <div class="login_p">
                
                 </div>
              </div>
    </div>

$(".login\_main .login\_p").append("<img alt=\\"用户头像\\"/>");

$(".login\_main .login\_p img").attr("src", userIconUrl + "?temp=" + Math.random());//userIconUrl 为图片URL

**3. 如果在CSS文件中，可以这样写：**

.bjdiv{
    	
    	height: 100%; 
    	width: 100%; 
    	display: table;
    	background: url(${ctxStatic}/images/shouye_01bj.png?temp=1) no-repeat 0px 0px;
    	}

发表评论取消回复

表情：

评论列表（有 0 条评论，1人围观）

还没有评论，来说两句吧...

相关阅读

相关 nginx图片、css、js缓存(简单)

1. \根目录 2. location ^~ /console/ \{ 3. root /console; 4. expires 30d; 5. \} 6.

Bertha 。/ 2024年02月18日 21:06/ 0 赞/ 31 阅读

相关图片去除噪点

将图片进行二值化，灰度处理，判断为噪点即去除：思路：依次遍历图中所有非白色的点，计算其周围8个点中属于非白色点的个数，如果数量小于一个固定值，那么这

素颜马尾好姑娘i/ 2023年10月02日 09:18/ 0 赞/ 4 阅读

相关 Druid去除图片广告 springboot

import java.io.IOException; import javax.servlet.Filter; import javax.servle

布满荆棘的人生/ 2023年06月12日 12:28/ 0 赞/ 1 阅读

相关 OpenCV python去除图片水印

> 在浏览[阿里巴巴][Link 1]网站的时候发现有些图片有水印,想着怎么能把它们去除.以下的去除只适合单个图片去除,对于大量图片去除水印的功能需要大伙一起研究 HSV范围

水深无声/ 2023年05月30日 14:59/ 0 赞/ 20 阅读

相关 java实现批量去除图片水印

java实现批量去除图片水印直接上代码 package com.example.picutil; import javax.imageio.ImageIO

超、凢脫俗/ 2022年10月29日 13:21/ 0 赞/ 1746 阅读

相关 js去除字符串空格

使用js去除字符串内所带有空格，有以下三种方法： ( 1 ) replace正则匹配方法去除字符串内所有的空格：str = str.replace(/\\s

蔚落/ 2022年10月01日 10:00/ 0 赞/ 202 阅读

相关缓存图片技术

有时候为了相应一些用户的点击，展示一张图片，图片比较大的化，当点击事件触发后，下载图片可能需要一段比较长的事件。这个时候我们可以用一些技术，当用户在做其他事情的时候，我们可以先

我会带着你远行/ 2022年03月14日 09:56/ 0 赞/ 290 阅读

相关 js去除字符串空格

方法一：使用replace正则匹配的方法去除所有空格 str = str.replace(/\s/g,""); 去除两头的空格 st

电玩女神/ 2022年02月27日 16:44/ 0 赞/ 388 阅读

相关 uniapp 图片缓存

//====================== // 图片缓存 //====================== functi

电玩女神/ 2021年09月18日 11:52/ 0 赞/ 933 阅读

相关 element-ui 页面缓存与去除缓存 keep-alive

element-ui框架的缓存机制在工作中，element-ui一般适用于做后台管理系统，但是我实际用到的不是很多。今天工作中，遇到了一个后台管理系统页面缓存的问

Dear 丶/ 2021年07月25日 16:07/ 0 赞/ 986 阅读