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
複製代碼