img src防缓存

//加时间戳防缓存
var imgurl = "/pcms/headImg/${sessionScope.accountInfo.accountId}_cut.jpg?time="+new Date().getTime();
$('.header-portrait img').remove();
$('.header-portrait').prepend('<img src='+imgurl +
 '\t onerror="javascript:this.src=\'/pcms/headImg/default.jpg\'">');

 

转载于:https://www.cnblogs.com/penghq/p/10855889.html

在HTML中,`<img>` 标签的 `src` 属性用于指定图片文件的路径。如果图片无法加载,通常是由于路径设置错误或文件位置正确。以下是一些常见的原因和解决方法: ### 1. **相对路径与绝对路径的区别** - **相对路径**:相对于当前 HTML 文件的位置来定位图片文件。 - 同一级目录:`<img src="image.jpg">` 表示图片与 HTML 文件在同一目录下[^2]。 - 子目录:`<img src="images/image.jpg">` 表示图片位于当前目录下的 `images` 文件夹中[^2]。 - 上级目录:`<img src="../image.jpg">` 表示图片位于当前 HTML 文件所在目录的上一级目录中[^4]。 - **绝对路径**:从根目录开始的完整路径,或者使用 URL 地址。 - 本地文件系统中的绝对路径可以写作 `file:///C:/path/to/image.jpg` 或 `file:/C:/path/to/image.jpg`[^3]。 - 网络上的绝对路径可以直接使用 URL,如 `<img src="https://example.com/images/image.jpg">`[^3]。 ### 2. **路径书写错误** - 确保路径中的大小写一致,特别是在 Linux 服务器上,文件名是区分大小写的。 - 检查是否有拼写错误,例如 `imgae.jpg` 而是 `image.jpg`。 - 使用正斜杠 `/` 而是反斜杠 `\`,即使在 Windows 系统中也是如此。 ### 3. **文件结构问题** - 如果使用的是相对路径,确保图片文件确实存在于正确的目录中。 - 例如,`<img src="img/1111.jpg">` 表示图片应存放在当前 HTML 文件所在目录下的 `img` 文件夹中,否则将无法找到该文件[^1]。 - 如果 HTML 文件位于 `web/1.html`,而图片位于 `web/images/3.jpg`,则正确的路径应为 `<img src="images/3.jpg">`。 ### 4. **特殊符号的使用** - `.` 表示当前目录,`.`/ 表示当前目录下的某个文件或文件夹。 - `..` 表示当前目录的上一级目录,`../` 表示上一级目录中的文件或文件夹[^5]。 - 例如,`<img src="../picture.jpg">` 表示图片位于当前 HTML 文件所在目录的上一级目录中[^4]。 ### 5. **服务器配置问题** - 在某些 Web 服务器(如 Apache、Nginx)中,可能需要检查 `.htaccess` 文件或其他配置文件,确保没有阻止对图片文件的访问。 - 如果使用的是 JavaWeb 项目,确保图片文件被正确部署到服务器上,并且路径与项目的结构匹配。 ### 6. **浏览器缓存问题** - 有时浏览器会缓存旧的页面内容,导致即使修改了路径也无法立即看到变化。尝试清除浏览器缓存或使用无痕模式重新加载页面。 ### 7. **代码示例** ```html <!-- 同一级目录 --> <img src="image.jpg"> <!-- 子目录 --> <img src="images/image.jpg"> <!-- 上级目录 --> <img src="../image.jpg"> <!-- 绝对路径(本地文件系统) --> <img src="file:///C:/Users/username/Pictures/image.jpg"> <!-- 绝对路径(网络地址) --> <img src="https://example.com/images/image.jpg"> ``` 通过以上方法,应该能够解决大多数由于路径设置当导致的 `<img>` 标签无法加载图片的问题。如果仍然存在问题,建议检查文件权限、服务器日志或使用开发者工具查看具体的请求和响应信息。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值