前端根据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')
相关推荐
西凉的悲伤6 分钟前
html制作太阳系行星运行轨道演示动画
前端·javascript·html·行星运行轨道演示动画
C_心欲无痕10 分钟前
网络相关 - http1.1 与 http2
前端·网络
一只爱吃糖的小羊11 分钟前
Web Worker 性能优化实战:将计算密集型逻辑从主线程剥离的正确姿势
前端·性能优化
低保和光头哪个先来12 分钟前
源码篇 实例方法
前端·javascript·vue.js
你真的可爱呀19 分钟前
自定义颜色选择功能
开发语言·前端·javascript
小王和八蛋22 分钟前
JS中 escape urlencodeComponent urlencode 区别
前端·javascript
奔跑的web.23 分钟前
TypeScript类型系统核心速通:从基础到常用复合类型包装类
开发语言·前端·javascript·typescript·vue
Misnice23 分钟前
Webpack、Vite 、Rsbuild 区别
前端·webpack·node.js
Kagol27 分钟前
🎉历时1年,TinyEditor v4.0 正式发布!
前端·typescript·开源
丶一派胡言丶27 分钟前
02-VUE介绍和指令
前端·javascript·vue.js