使用 JavaScript 下载文件
来源:互联网 发布:js copy对象 编辑:程序博客网 时间:2024/05/22 08:16
1 最简单的方法
<a href="http://somehost/somefile.zip" download="filename.zip"> Download file </a>
只要为<a>
标签添加 download
属性,我们点击这个链接的时候就会自动下载文件了
其中, download
属性可选(IE
不支持此属性),意思是指定下载后的文件名称
这是最简单、最方便的前端下载文件手段,如果条件允许应该作为第一个选择。
2 使用
JavaScript
// 将获取的sonmefile.zip转换成 blob对象fetch('http://somehost/somefile.zip').then(res => res.blob().then(blob => { var a = document.createElement('a'); // 用 blob 对象来创建一个 object URL var url = window.URL.createObjectURL(blob); var filename = 'what-you-want.txt'; a.href = url; a.download = filename; a.click(); // 使用完object URL 之后手动撤销以释放掉内存优化性能 window.URL.revokeObjectURL(url);}))
对于blob
对象,支持的浏览器版本为IE10+
, 并且当转换的文件较大时,可能会发生延迟。
但如果需要在下载之前做一些预处理的动作,例如检查该用户是否有下载的权限,是否有高速下载的权限、或者动态文件链接等等,这是一个很好的方法。
0 0
- 使用 JavaScript 下载文件
- Code67使用JavaScript下载文件
- javascript下载文件
- javascript文件下载代码
- Javascript创建文件下载
- javascript xmlhttp实现文件下载
- javascript 实现文件下载功能
- 使用vbs下载文件
- 使用数据流下载文件
- 使用数据流下载文件
- 使用vbs下载文件
- 使用FTP下载文件
- 使用jspSmartUpload下载文件
- 使用多线程下载文件
- 使用httpclient下载文件
- 使用HttpURLConnection下载文件
- 使用python下载文件
- 使用PHP下载文件
- linux 概念之pid tid区分
- php实现自动加载类
- C++STL之String详解
- 简单算法
- Cogs 763. [USACO Open09] 数字的游戏(博弈)
- 使用 JavaScript 下载文件
- 图像定位(一)、坐标变换
- 占整个屏的设计,滑动
- Hungarian method (匈牙利算法)----解决指派问题(转)
- Node.js初体验(一)
- 51nod1489回溯构造
- Android混淆应注意的编码习惯
- Android书单
- 0314-form表单标签的使用