含download属性的两个链接行为差异原因：为何一个下载一个打开图片？

嘿，这事儿核心是服务器返回的HTTP响应头和浏览器的优先级规则在起作用，我给你拆解得明明白白：

• W3Schools链接的服务器配置逻辑：它在返回图片资源时，HTTP响应头里的Content-Disposition字段被设置成了类似attachment; filename="xxx.jpg"的形式（或者至少没设成inline）。这个头的意思是“这是一个需要下载的附件”，再配合链接上的download属性，浏览器就乖乖触发下载流程了。

• 另一个链接的服务器配置逻辑：这个服务器返回图片时，Content-Disposition头用的是默认的inline值——意思是“直接在浏览器里渲染显示这个内容”。这时候哪怕你给链接加了download属性，浏览器会优先听从服务器的指令，直接打开图片而不是下载。

额外补充个小知识点：如果浏览器能识别图片的MIME类型（比如image/jpeg），同时服务器又没强制要求下载，浏览器默认就会直接渲染，这时候download属性的作用就会被覆盖，核心还是响应头的优先级更高。

内容的提问来源于stack exchange，提问作者Sourabh