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

相关推荐
yume_sibai8 小时前
Vue 3 表单设计器实现
vue.js·交互·ux
吴佳浩 Alben8 小时前
Vibe Coding 时代:Vue 消失了还是 React 太强?
前端·vue.js·人工智能·react.js·语言模型·自然语言处理
wuhen_n8 小时前
错误处理与容错机制:让AI学会“从失败中学习”
前端·javascript·ai编程
console.log('npc')8 小时前
react弹窗组件
前端·javascript·react.js
前端大波8 小时前
Vue 项目中让 AI 更稳:AGENTS.md + Prompt 模板实践
vue.js·人工智能·prompt
一点 内容8 小时前
深入浅出:解锁React Hooks的魔法——从入门到实战优化指南
javascript·react.js·ecmascript
紫_龙9 小时前
最新版vue3+TypeScript开发入门到实战教程之组件通信之一
前端·vue.js·typescript
故以往之不谏9 小时前
JAVA--类和对象4.1--构造方法基础
java·开发语言·javascript
yivifu9 小时前
接近完美的HTML文本双行合一排版
前端·javascript·html·双行合一
fxshy9 小时前
前端直连模型 vs 完整 MCP:大模型驱动地图的原理与实践(技术栈Vue + Cesium + Node.js + WebSocket + MCP)
前端·vue.js·node.js·cesium·mcp