a标签下载图片,配置资源文件（图片、视频等）文件链接在浏览器中直

前言

前端使用a标签下载图片文件时因为浏览器机制问题导致会直接打开图片链接进行预览。
为了方便，不需要后台进行处理传输文件流返回。所以进行nginx配置，让链接图片在浏览器中直接下载

nginx配置信息

server {
        listen 8086;
        server_name 192.168.1.66;
        location / {
            proxy_pass http://127.0.0.1:8086;
            root html;
            index index.html index.htm;
        }
        location /image/ {
            root html/devGif;
            autoindex on;
            // 主要配置
             if ($request_filename ~* ^.*?.(txt|doc|pdf|rar|gz|zip|docx|exe|xlsx|ppt|pptx|jpg|png)$){
               add_header Content-Disposition 'attachment';
            }
        //end
        }
}

自定义资源名称

资源上传后可能在后台是经过特殊处理后存储的，这时候需求提出下载后的资源名称是原来的名称。
通过a标签的download属性并不能修改名称，这时候我们就需要用到nginx的一个默认配置renameto达到重置名称的效果。

// url为资源地址
// newName为资源的原名称
const tepm = url + '?renameto=' + newName