当前位置:首页 > 服务器 > 正文

js下载服务器文件到本地


JavaScript 提供了多种方法来从服务器下载文件并将其保存到本地计算机。 以下是其中的一些方法:
### 使用 XMLHttpRequest 对象
javascript
const xhr = new XMLHttpRequest();
xhr.open('GET', 'file.txt');
xhr.onload = function() {
if (xhr.status === 200) {
const data = xhr.responseText;
saveAs(data, 'file.txt');
}
};
xhr.send();
### 使用 fetch() API
javascript
fetch('file.txt')
.then(res => res.text())
.then(data => saveAs(data, 'file.txt'))
.catch(err => console.log(err));
### 使用 download 属性
html
Download File
当用户点击链接时,浏览器将提示用户下载文件。
### 使用第三方库
可以使用像 [js-file-download](https://github.com/enyo/dropzone/tree/master/downloads) 这样的第三方库来简化下载过程。
saveAs 函数用于将字符串保存为指定的文件名。 它不是 JavaScript 的内置函数,但可以在 [FileSaver.js](https://github.com/eligrey/FileSaver.js/) 库中找到。
以下示例演示了如何使用 js-file-download 库下载文件:
javascript
import { saveAs } from 'js-file-download';
const response = await fetch('file.txt');
const data = await response.text();
saveAs(data, 'file.txt');