通过JavaScript下载文件到本地的方法（单文件）

以下是通过JavaScript下载文件到本地的方法的完整攻略：

标准的下载方法

通过标准的HTML a标签和download属性可以实现文件的下载。该属性用于指定资源的下载地址，将会生成一个下载的链接。

<a href="文件地址" download="文件名">下载文件</a>

其中，href用于指定文件的地址，download用于指定文件的下载名称。例如：

<a href="https://example.com/file.pdf" download="example.pdf">下载文件</a>

这样点击下载链接就可以下载文件到本地。

使用XHR方法下载文件

使用XHR对象发送get请求，接收到文件内容后，生成Blob数据，然后调用URL.createObjectURL(blob)方法生成下载链接。

function downloadFile(url, fileName) {
  const xhr = new XMLHttpRequest();
  xhr.open('GET', url, true);
  xhr.responseType = 'blob';
  xhr.onload = () => {
    if (xhr.status === 200) {
      const blob = new Blob([xhr.response], { type: '' });
      const downloadLink = document.createElement('a');
      downloadLink.href = URL.createObjectURL(blob);
      downloadLink.download = fileName;
      downloadLink.click();
    }
  };
  xhr.send();
}

该函数接收两个参数：文件的地址和下载后的文件名。例如：

downloadFile('https://example.com/file.pdf', 'example.pdf');

这样点击下载后就可以下载文件到本地了。

使用fetch方法下载文件

fetch方法同样可以实现文件的下载。fetch获取到的响应体是一个数据流，通过调用blob方法可以生成Blob数据。生成的Blob数据可以通过createObjectURL方法生成下载链接。

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

该函数同样接收两个参数：文件的地址和下载后的文件名。例如：

downloadFile('https://example.com/file.pdf', 'example.pdf');

这样点击下载后就可以下载文件到本地了。

以上是通过JavaScript下载文件到本地的方法，希望可以帮到你。