vue下载附件和图片

两季烟雨凉

已于 2022-07-19 10:25:22 修改

阅读量2.2k

点赞数

文章标签： vue.js javascript 前端

于 2022-05-17 11:05:19 首次发布

原文链接：https://wenku.baidu.com/view/bd3fca13edfdc8d376eeaeaad1f34693daef1011.html，https://blog.csdn.net/qq_42988102/article/details/124379106

版权

vue下载附件和图片
方法一.如果想重新打开一个网页
window.open(‘路径’)

方法二.下载完停留在当前页面
1.下载附件

const imgsrc = '文件路径'
const src = `${imgsrc}?t=${new Date().getTime()}`
var myBlob = new Blob();
const href = URL.createObjectURL(myBlob)
const a = document.createElement('a')
a.href = href
a.download = '自定义下载后的文件名称'
a.click()
a.remove()

2.下载图片

var name ='自定义下载后的图片名称'
var blob = new Blob()
var url = window.URL.createObjectURL(blob)
var aLink = document.createElement("a")
aLink.style.display = "none"
aLink.href = url
aLink.setAttribute("download", name)
document.body.appendChild(aLink)
aLink.click()
document.body.removeChild(aLink)
window.URL.revokeObjectURL(url)