vue3.0+TS 实现点击下载直接下载pdf文件,而不是预览。
vue3.0+TS 实现点击下载直接下载pdf文件,而不是预览。
·
vue3.0+TS 实现点击下载直接下载pdf文件,而不是预览。
//下载
function downflie(item:any){ //item.attachments是附件。
let arr=item.attachments[0].url.split('/reactor/data/')
axios({
url:process.env.VUE_APP_UPLOAD_HOST+arr[1],
method:'get',
responseType: 'blob',
}).then((res:any)=>{
if(res.data.size > 0){
const content = res.data
const blob = new Blob([content])
const fileName = `${arr[1]}.pdf`
if ('download' in document.createElement('a')) { // 非IE下载
const elink = document.createElement('a')
elink.download = fileName
elink.style.display = 'none'
elink.href = URL.createObjectURL(blob)
document.body.appendChild(elink)
elink.click()
URL.revokeObjectURL(elink.href) // 释放URL 对象
document.body.removeChild(elink)
}
// else { // IE10+下载
// navigator.msSaveBlob(blob, fileName)
// }
}
})
}
更多推荐
已为社区贡献13条内容
所有评论(0)