前端根据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')
相关推荐
William_Xu16 小时前
JavaScript 并发控制
前端
拾年27516 小时前
从零手写 Ajax:用原生 XHR 搭建前后端交互全流程
前端·javascript·ajax
光影少年16 小时前
懒加载与分包:React.lazy + Suspense
前端·react.js·掘金·金石计划
小林ixn16 小时前
你以为你懂 + 号?看完这篇 Bun + TS 实战,才发现以前全写错了
前端·javascript·typescript
namexingyun17 小时前
开源前端生态如何成为 AI UI 生成的“燃料“:shadcn/ui、Tailwind CSS、Storybook 技术价值全解剖
java·前端·人工智能·python·ui·开源·ai编程
Zyed17 小时前
[STM32]Day15读写FLASH+读取ID
前端·stm32·性能优化
jvxiao18 小时前
你真的懂作用域吗?从编译原理角度深度 JS 的作用域
前端·javascript
Darling噜啦啦18 小时前
二叉树与递归算法实战:从树结构到 LeetCode 爬楼梯,一文吃透前端数据结构与递归思维
前端·javascript·数据结构
星栈18 小时前
Rust + Makepad 应用怎么打包发布:Windows、macOS、Linux 全平台交付
前端·rust
Aolith18 小时前
React 路由守卫:我用一个组件替代了 Vue 的 beforeEach
前端·react.js