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
        }
}
    原文作者:gorkys
    原文地址: https://segmentfault.com/a/1190000016726600
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞