vue 下载pdf以及其他文件方法

var data = 'http://218.94.150.147:8082/xhnmes/App_webs/Core/Programs/DOC/cpm.pdf'

fetch(data).then(res => res.blob().then(blob => {

let a = document.createElement('a');

let url = window.URL.createObjectURL(blob);

a.href = url;

a.download = 'CPM操作手册';

a.click();

window.URL.revokeObjectURL(url);

}))

var fileUrl = 'http://218.94.150.147:8082/xhnmes/App_webs/Core/Programs/DOC/CPM操作手册.docx'

const replacedUrl = fileUrl.replace(/^http:/, 'http:')

const ele = document.createElement('a')

ele.setAttribute('href', replacedUrl)

ele.setAttribute('download', replacedUrl.split('/')[replacedUrl.split('/').length - 1])

ele.click()

相关推荐
程序员小续6 分钟前
React 官方严令禁止:Hook 不能写在 if/else,真相竟然是…
前端·javascript·程序员
Juchecar17 分钟前
Naive UI 学习指南 - Vue3 初学者完全教程
前端·vue.js
小奋斗1 小时前
深入浅出:JavaScript中 三大异步编程方案以及应用
javascript·面试
尝尝你的优乐美1 小时前
封装那些Vue3.0中好用的指令
前端·javascript·vue.js
敲代码的彭于晏1 小时前
localStorage 不够用?试试 IndexedDB !
前端·javascript·浏览器
chxii1 小时前
5.4 4pnpm 使用介绍
前端·javascript·vue.js
好好好明天会更好1 小时前
Vue 中 slot 的常用场景有哪些
前端·vue.js
米开朗积德1 小时前
项目多文件JSON数值比对
javascript
sorryhc1 小时前
【AI解读源码系列】ant design mobile——Image图片
前端·javascript·react.js
sorryhc2 小时前
【AI解读源码系列】ant design mobile——Button按钮
前端·javascript·react.js