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

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

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

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

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

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();
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值