用js实现下载远程文件并保存在本地的脚本

要用JS实现下载远程文件并保存在本地，可以借助浏览器中的XMLHttpRequest对象和Blob对象。以下是实现此功能的步骤：

1. 发送HTTP请求

使用XMLHttpRequest对象发送HTTP请求，一般使用GET或POST请求方式，获取需要下载的远程文件的二进制内容。

function downloadFile(url, callback) {
  var xhr = new XMLHttpRequest();
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4) {
      callback(xhr.response);
    }
  };
  xhr.open('GET', url, true);
  xhr.responseType = 'blob';
  xhr.send();
}

这个函数的参数是远程文件的URL和回调函数。回调函数的参数是文件内容的二进制数据，可以进行下一步操作。

2. 保存文件到本地

将下载到的文件内容写入Blob对象，然后创建一个URL对象，使用a标签和download属性将URL保存到本地文件。

function saveFile(blob, filename) {
  var url = URL.createObjectURL(blob);
  var a = document.createElement('a');
  a.href = url;
  a.download = filename;
  a.click();
  URL.revokeObjectURL(url);
}

这个函数的参数是Blob对象和文件名。

示例1：下载图片

var imgUrl = 'https://example.com/image.png';

downloadFile(imgUrl, function(blob) {
  saveFile(blob, 'image.png');
});

以上代码通过downloadFile函数下载图片文件，然后将内容保存在本地的image.png文件中。

示例2：下载文本文件

var txtUrl = 'https://example.com/data.txt';

downloadFile(txtUrl, function(blob) {
  var reader = new FileReader();
  reader.onload = function(e) {
    console.log(e.target.result); // file content
  };
  reader.readAsText(blob);
});

以上代码通过downloadFile函数下载文本文件，然后读取文件内容并输出到控制台。