浏览器下载图片,html标签下载无效

解决html标签下载图片会直接打开问题

html标签下载会直接显示图片,因为浏览器可以直接打开,如果其他类型文件,比如.docx还是可以直接用标签的

<a href="文件路径" download="下载后显示的文件名">下载</a>

重点:下载图片
只需前端代码,so easy

var request = new XMLHttpRequest();
request.responseType = "blob";
request.open("GET", “你的图片路径”);
request.onload = function() {
    var url = window.URL.createObjectURL(this.response);
    var lable = document.createElement("a");
    lable.href = url;
    lable.setAttribute("download", "图片.jpg");
    document.body.appendChild(lable);
    lable.click();
    document.body.removeChild(lable);
};
request.send();

拿走不谢~~

©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页