前端根据URL地址实现下载(txt,图片,word,xlsx,ppt)

前端根据URL地址实现下载(txt,图片,word,xlsx,ppt)

一、对于txt,图片类的

一般来说,下载通过以上写法可以实现下载。但是download属性本身存在一些限制或者系统的限制,会导致该属性失效,转而改为打开文件。

仅适用于同源URL(同协议,同端口,同域名,什么是同源URL)

如果是非同源url,可以使用blob: URLs 和 data: URLs

还没有找到好办法,如果各位有,评论一下我呀

二、对于word,xlsx,ppt类的

1.a标签可以实现下载

javascript 复制代码
<a data-v-01584ec0="" href="https://flag-digital.umss.cn/新建 XLSX 工作表/新建 XLSX 工作表voje64i07.xlsx" target="_blank">新建 XLSX 工作表.xlsx</a>
javascript 复制代码
let a = document.createElement('a')
	a.href =
	   'https://。。。。。。。.xlsx'
	a.download = '自定义生成报备信息模板.xlsx'
	document.body.appendChild(a)
	a.click()
	document.body.removeChild(a)

2. window.open()

javascript 复制代码
 window.open(url, '_self')
相关推荐
UIUV32 分钟前
模块化CSS学习笔记:从作用域问题到实战解决方案
前端·javascript·react.js
aoi32 分钟前
解决 Vue 2 大数据量表单首次交互卡顿 10s 的性能问题
前端·vue.js
Kakarotto33 分钟前
使用ThreeJS绘制东方明珠塔模型
前端·javascript·vue.js
donecoding34 分钟前
TypeScript `satisfies` 的核心价值:两个例子讲清楚
前端·javascript
德育处主任35 分钟前
『NAS』在群晖部署一个文件加密工具-hat.sh
前端·算法·docker
cup11337 分钟前
【原生 JS】支持加密的浏览器端 BYOK AI SDK,助力 Vibe Coding
前端
用户120391129472639 分钟前
使用 Tailwind CSS 构建现代登录页面:从 Vite 配置到 React 交互细节
前端·javascript·react.js
杨进军40 分钟前
模拟 Taro 实现编译多端样式文件
前端·taro
阿珊和她的猫1 小时前
React Hooks:革新组件开发的优势与实践
前端·react.js·状态模式
全栈技术负责人1 小时前
AI时代前端工程师的转型之路
前端·人工智能