为什么点击网页中的图片链接时浏览器直接显示图片而不是触发下载？

浏览器点击网页中的图片链接时直接显示而非触发下载，核心原因在于服务器返回的HTTP响应头配置。

判断依据

1. Content-Type（MIME类型）：服务器在响应头中声明资源的媒体类型。当值为image/jpeg、image/png、image/gif等浏览器原生支持的图片类型时，浏览器默认行为是解析并渲染该资源，而非保存文件。
2. Content-Disposition：该响应头控制浏览器对资源的处理动作。若值为inline或未设置此头部，浏览器会在页面内直接展示内容；若值为attachment; filename="example.jpg"，浏览器则会弹出下载对话框，强制用户保存文件。

适用条件

• 浏览器具备解码对应图片格式的能力（如主流浏览器均支持JPEG、PNG、WebP）。
• 服务器未在HTTP响应中显式添加Content-Disposition: attachment指令。
• 用户未在浏览器设置或借助扩展程序强制更改特定MIME类型的默认处理行为。

常见误区

• 误区一：认为由文件扩展名决定。实际上浏览器依赖的是HTTP响应头中的Content-Type字段，而非URL末尾的.jpg或.png后缀。即使URL无扩展名，只要响应头正确标识为图片类型，浏览器依然会直接显示。
• 误区二：认为所有文件都会直接打开。对于浏览器无法原生渲染的文件类型（如.zip、.exe），即使未设置Content-Disposition: attachment，浏览器通常也会自动触发下载流程。

如何强制触发下载

若开发者希望点击图片链接时直接下载，可通过以下方式实现：

1. 服务端配置：在HTTP响应中添加Content-Disposition: attachment头部。
2. HTML属性：在<a>标签中使用download属性，例如<a href="image.jpg" download>下载图片</a>。需注意该属性受同源策略限制，跨域资源可能无效。