HTML5 a 标签可以使用 download 属性来设置资源的下载,但需要是同源,如果浏览器可以解析也会直接打开。
这时我们可以通过第三方库 download 来实现更完整的下载功能。
download.js 相关资源:
- Github 地址:https://github.com/rndme/download
- 本站下载地址:https://static.runoob.com/download/download-master.zip
- CDN 库:https://cdn.staticfile.org/downloadjs/1.4.8/download.min.js
- NPM 安装:npm install downloadjs
download.js 库提供了 download() 函数用于下载文件。
下载内容可以是 URL、字符串、Blob 或类型化的数据数组,或者通过将文件数据表示为 base64 或 url 编码字符串的 dataURL。
无论输入格式如何,download() 都使用指定的文件名和 mime 信息以与使用 Content-Disposition HTTP 标头的服务器相同的方式保存文件。
- data - 下载的数据内容,可以是 Blob、File、String 或 dataURL。
- strFileName - 要创建的文件的名称。
- strMimeType - 要下载的文件的 MIME 内容类型。
实例
文本
将字符串存储到 dlText.txt 文件中并下载:
dataURL 文本实例:
blob 文本实例:
url 实例:
UInt8 文本数组实例:
HTML
html 字符串实例:
html Blob 实例:
ajax 回调实例:
二进制文件
图片 URL:
异步下载图片: