标签（空格分隔）： js

先试试这个方法（支持低版本chrome浏览器，高版本不行）

/**
 * 
 * @param {*} path src路径 imgName 图片名称
 */
function downloadImage(path,imgName) {
    var $a = $("<a></a>").attr("href", _OBJECT_URL).attr("download", imgName);
    $a[0].click();
}

如果上述方法不行，试试这个

基础
1）nginx 要配置反向代理

    location /data {
            proxy_pass   http://172.160.230.168:8086/data;//服务器地址
        }

2）path 路径为 本地回环地址
eg：http://127.0.0.1:8888/data/evpl/20190123/dfa111b0945d4916b04e2845e749a1bc/image/88c21a4543d74a2987c240b78011696c/Hydrangeas.jpg

/**
 * 
 * @param {*} path src本地回环地址 imgName 图片名称
 */
function downloadImage(path,imgName) {
    var _OBJECT_URL;
    var request = new XMLHttpRequest();
    request.addEventListener('readystatechange', function (e) {
        if (request.readyState == 4) {
            _OBJECT_URL = URL.createObjectURL(request.response);
            var $a = $("<a></a>").attr("href", _OBJECT_URL).attr("download", imgName);
            $a[0].click();
        }
    });
    request.responseType = 'blob';
    request.open('get', path);
    request.send();
}

在vue环境中

dealFilebolb (content, fileName) {
      const blob = new Blob([content]);
      if ('download' in document.createElement('a')) { // 非IE下载
        const elink = document.createElement('a');
        elink.download = fileName;
        elink.style.display = 'none';
        elink.href = URL.createObjectURL(blob);
        document.body.appendChild(elink);
        elink.click();
        URL.revokeObjectURL(elink.href);// 释放URL 对象
        document.body.removeChild(elink);
      } else { // IE10+下载
        navigator.msSaveBlob(blob, fileName);
      }
    },