js 如何通过文件url地址下载文件并修改文件名称

可以使用 JavaScript 的 fetch API 和 FileSaver.js 来实现下载文件并修改文件名称。

1. 使用 fetch API 获取文件：

fetch(fileUrl)
  .then(response => response.blob())
  .then(blob => {
    // 文件获取成功
  })
  .catch(error => {
    // 处理错误
  });

2. 使用 FileSaver.js 保存文件并修改文件名称：

import { saveAs } from 'file-saver';

// ...

saveAs(blob, 'new-file-name.ext');

注意：需要先安装file-saver 库

npm install file-saver

相关问题

URL.createObjectURL下载excel文件格式更改

要更改通过URL.createObjectURL下载的文件格式，您可以按照以下步骤进行操作：

1. 创建一个XMLHttpRequest对象：

var xhr = new XMLHttpRequest();

2. 使用open方法打开一个HTTP请求，将responseType设置为"blob"：

xhr.open('GET', yourExcelFileURL, true);
xhr.responseType = 'blob';

3. 在请求加载完成后，将响应数据转换为新的文件格式。这里以将Excel文件转换为CSV文件为例：

xhr.onload = function(e) {
  if (this.status === 200) {
    var blob = new Blob([this.response], {type: 'application/vnd.ms-excel'});
    var csvFile = new File([blob], 'yourExcelFile.csv', {type: 'text/csv'});
    var csvURL = URL.createObjectURL(csvFile);

    // 使用csvURL进行下载或其他操作
  }
};

xhr.send();

在上述代码中，我们通过XMLHttpRequest对象获取Excel文件的Blob数据，并将其转换为CSV文件的Blob数据。然后，我们使用File和Blob对象创建一个新的CSV文件，并使用URL.createObjectURL方法生成一个可下载的URL。

请确保将`yourExcelFileURL`替换为实际的Excel文件URL，并根据需要更改新文件的类型和名称。

jquery 点击文件URL下载并改变文件名

在jQuery中，可以使用`$.ajax`方法来实现点击链接下载文件，并在下载前更改文件名。首先，创建一个链接元素，并为其绑定`click`事件，当用户点击这个链接时触发下载操作。以下是一个简单的示例：

<a id="download-link" href="#">点击下载原文件</a>

<script>
$(document).ready(function() {
  $("#download-link").click(function(event) {
    // 更改下载链接的href属性为新的文件名
    var newFileName = "新文件名称.zip"; // 替换为你实际的新文件名
    $(this).attr("href", "/path/to/" + encodeURIComponent(newFileName));

    // 开始下载
    event.preventDefault(); // 阻止默认行为，防止跳转页面
    $.ajax({
      url: $(this).attr('href'), // 下载的URL
      type: 'GET',
      xhrFields: { withCredentials: true }, // 可选，如果跨域需要设置
      success: function(data, textStatus, xhr) {
        if (xhr.responseType === 'blob') {
          saveAs(xhr.response, newFileName); // 使用saveAs API保存为文件
        } else {
          console.log("数据类型不是blob，无法下载");
        }
      },
      error: function(xhr, status, error) {
        console.error("下载失败：", error);
      }
    });
  });

  // 如果浏览器不支持 saveAs API，可以考虑使用插件如FileSaver.js
  function saveAs(blob, filename) {
    var link = document.createElement('a');
    link.href = window.URL.createObjectURL(blob);
    link.download = filename;
    link.click();
  };
});
</script>

在这个例子中，我们首先阻止了默认的链接跳转行为，然后设置了新的URL并开始一个AJAX GET请求。如果返回的数据是Blob类型，我们就使用`saveAs`函数将其保存为指定的新文件名。

注意，这个例子假设你的服务器允许通过HTTP GET请求下载文件，如果不是这样，你可能需要使用其他HTTP方法，比如POST，并在服务器端处理下载请求。