vue 通过路径下载图片

/*** * @param {*} url // 图片路径* @param {*} name // 图片名称*/
Vue.prototype.imagesDownload = function (url, name) {let image = new Image()image.setAttribute("crossOrigin", "anonymous");image.src = url;image.onload = () => {let canvas = document.createElement("canvas");canvas.width = image.width;canvas.height = image.height;let ctx = canvas.getContext("2d");ctx.drawImage(image, 0, 0, image.width, image.height);canvas.toBlob((blob) => {let href = URL.createObjectURL(blob);let Link = document.createElement("a");Link.download = name;Link.href = href;Link.click();Link.remove();// 用完释放URL对象URL.revokeObjectURL(href);});};
}

博主的是全局方法挂载，用的时候根据自己需要更改

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！