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

相关推荐
寻找09之夏2 小时前
【Vue3实战】:用导航守卫拦截未保存的编辑,提升用户体验
前端·vue.js
非著名架构师2 小时前
js混淆的方式方法
开发语言·javascript·ecmascript
多多米10053 小时前
初学Vue(2)
前端·javascript·vue.js
敏编程3 小时前
网页前端开发之Javascript入门篇(5/9):函数
开发语言·javascript
看到请催我学习3 小时前
内存缓存和硬盘缓存
开发语言·前端·javascript·vue.js·缓存·ecmascript
ufo20063 小时前
fastreport导出PDF后style bold粗体斜体等字体风格不显示的原因
pdf·delphi·fastreport
XiaoYu20025 小时前
22.JS高级-ES6之Symbol类型与Set、Map数据结构
前端·javascript·代码规范
golitter.5 小时前
Vue组件库Element-ui
前端·vue.js·ui
儒雅的烤地瓜5 小时前
JS | JS中判断数组的6种方法,你知道几个?
javascript·instanceof·判断数组·数组方法·isarray·isprototypeof
道爷我悟了5 小时前
Vue入门-指令学习-v-on
javascript·vue.js·学习