如何获取或生成图片文件URL以实现点击自动下载？

一、先搞定图片的基础可访问URL #

首先你得把图片放到公开可访问的位置：

• 自己搭建的Web服务器（比如Apache/Nginx）
• 云存储服务（如对象存储）
  上传后会得到一个基础访问URL，比如http://your-server.com/photos/my-pic.png

二、创建点击即自动下载的链接 #

方法1：HTML download 属性（快速实现，无需改服务器） #

直接用HTML链接的download属性，强制浏览器下载而不是预览图片：

<a href="http://your-server.com/photos/my-pic.png" download="我的图片.png">点击下载图片</a>

• 注意：download里的参数是下载后的自定义文件名，留空则用原文件名；跨域图片可能会被部分浏览器忽略该属性，直接打开预览。

方法2：服务器配置强制下载（更稳定，适配所有场景） #

如果要让图片的基础URL本身就触发下载，需要在服务器端设置响应头：

Apache 配置（.htaccess 文件）

<FilesMatch "\.(jpg|jpeg|png|gif|webp)$">
    Header set Content-Disposition "attachment"
</FilesMatch>

添加后，所有匹配后缀的图片URL被访问时，都会自动触发下载。

Nginx 配置

在站点配置的location块中添加：

location ~* \.(jpg|jpeg|png|gif|webp)$ {
    add_header Content-Disposition "attachment";
}

云存储配置

上传图片时，将文件的Content-Disposition元数据设置为attachment，生成的访问URL就会自动触发下载。

三、提取已有自动下载URL的方法 #

如果图片已经在支持自动下载的平台上：

• 右键点击页面上的“下载”按钮，选择「复制链接地址」，得到的就是带下载逻辑的URL。
• 用浏览器开发者工具（F12）：点击下载后，在「网络」面板找到对应的请求，复制请求的完整URL，即为自动下载URL。

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