js下载图片
2021-03-17 22:24
标签：tmp one javascrip mouse cti 为知笔记 art const data- 使用超链接下载图片的时候,会变成预览,使用下面的方法,就可以直接下载图片了 js下载图片 标签：tmp one javascrip mouse cti 为知笔记 art const data- 原文地址：https://www.cnblogs.com/ziyue7575/p/ee8551530c54f59fa163f01a0f171168.htmljs下载图片
downUrl(url) {
// window.open(_this.detail.imgUrl)
let xmlhttp = new XMLHttpRequest();
xmlhttp.open("GET", url, true);
xmlhttp.responseType = "blob";
xmlhttp.onload = function () {
if (this.status == 200) {
const blob = this.response;
const link = document.createElement(‘a‘);
link.href = window.URL.createObjectURL(blob);
link.download = url.substring(url.lastIndexOf("/") + 1, url.length);
//此写法兼容可火狐浏览器
document.body.appendChild(link);
const evt = document.createEvent("MouseEvents");
evt.initEvent("click", false, false);
link.dispatchEvent(evt);
window.URL.revokeObjectURL(link.href)
document.body.removeChild(link);
}
;
}
xmlhttp.send();
}
上一篇：Vue.js文档---介绍
下一篇：9个vue.js库