javascript 下载

在 JavaScript 中，可以通过多种方式进行文件下载。以下是几种常见的下载方式：

1. 使用 `<a>` 标签的 `download` 属性：可以创建一个隐藏的 `<a>` 标签，并设置其 `href` 属性为文件的 URL，然后使用 `download` 属性指定下载的文件名。当用户点击该链接时，浏览器会自动下载文件。

function downloadFile(url, fileName) {
  const link = document.createElement('a');
  link.href = url;
  link.download = fileName;
  link.click();
}

2. 使用 XMLHttpRequest 或 Fetch API 下载文件：可以使用 XMLHttpRequest 或 Fetch API 发起一个 GET 请求，并将响应的数据保存到本地文件。

function downloadFile(url, fileName) {
  fetch(url)
    .then(response => response.blob())
    .then(blob => {
      const link = document.createElement('a');
      link.href = URL.createObjectURL(blob);
      link.download = fileName;
      link.click();
    });
}

3. 使用 FileSaver.js 库：FileSaver.js 是一个用于在浏览器中保存文件的 JavaScript 库，它提供了更多的功能和兼容性。

首先，需要引入 FileSaver.js 库：

<script src="https://cdn.jsdelivr.net/npm/file-saver@2.0.5/FileSaver.min.js"></script>

然后，可以使用以下代码进行文件下载：

function downloadFile(url, fileName) {
  fetch(url)
    .then(response => response.blob())
    .then(blob => {
      saveAs(blob, fileName);
    });
}

这些是 JavaScript 中几种常见的文件下载方式。根据具体的需求和场景，选择适合的方式进行文件下载。