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

相关推荐
Eiceblue6 小时前
【免费.NET方案】CSV到PDF与DataTable的快速转换
开发语言·pdf·c#·.net
像风一样自由20207 小时前
HTML与JavaScript:构建动态交互式Web页面的基石
前端·javascript·html
浪裡遊8 小时前
React Hooks全面解析:从基础到高级的实用指南
开发语言·前端·javascript·react.js·node.js·ecmascript·php
幽络源小助理8 小时前
SpringBoot基于Mysql的商业辅助决策系统设计与实现
java·vue.js·spring boot·后端·mysql·spring
Liudef069 小时前
2048小游戏实现
javascript·css·css3
鱼樱前端10 小时前
今天介绍下最新更新的Vite7
前端·vue.js
独立开阀者_FwtCoder11 小时前
【Augment】 Augment技巧之 Rewrite Prompt(重写提示) 有神奇的魔法
前端·javascript·github
我想说一句11 小时前
事件机制与委托:从冒泡捕获到高效编程的奇妙之旅
前端·javascript
汤姆Tom12 小时前
JavaScript reduce()函数详解
javascript
小飞悟12 小时前
你以为 React 的事件很简单?错了,它暗藏玄机!
前端·javascript·面试