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()

相关推荐
慧一居士1 小时前
Vue中 class 和 style 属性的区别对比
前端·vue.js
九章云极AladdinEdu2 小时前
项目分享|告别枯燥命令行,构建终端用户界面的 TypeScript 库
javascript·ui·typescript
带着梦想扬帆启航3 小时前
UniApp 多个异步开关控制教程
前端·javascript·uni-app
小高0073 小时前
JavaScript 内存管理是如何工作的?
前端·javascript
是大林的林吖3 小时前
解决 elementui el-cascader组件懒加载时存在选中状态丢失的问题?
前端·javascript·elementui
鹏仔工作室3 小时前
elemetui中el-date-picker限制开始结束日期只能选择当月
前端·vue.js·elementui
默 语3 小时前
Electron 应用中的系统检测方案对比与鸿蒙适配实践
javascript·electron·harmonyos·gwo
Zyx20073 小时前
JavaScript 异步编程深度解析(上):单线程、事件循环与异步的本质
javascript
晴殇i3 小时前
前端代码规范体系建设与团队落地实践
前端·javascript·面试
开发者小天3 小时前
React中使用useParams
前端·javascript·react.js