首页
Preview

JavaScript下载文件

要使用JavaScript从特定的URL下载文件,您可以使用fetch API。以下是一个简单的例子:

function downloadFile(fileUrl) {
  // 发起fetch请求
  fetch(fileUrl)
    .then(response => {
      if (!response.ok) {
        throw new Error('Network response was not ok');
      }
      return response.blob();
    })
    .then(blob => {
      // 创建一个URL对象,并将blob数据赋值给它
      const url = window.URL.createObjectURL(blob);

      // 创建一个a标签
      const a = document.createElement('a');
      a.href = url;
      a.download = 'filename'; // 指定下载文件的名称

      // 将a标签添加到文档中
      document.body.appendChild(a);

      // 模拟用户点击链接,触发下载
      a.click();

      // 清理URL对象和a标签
      window.URL.revokeObjectURL(url);
      document.body.removeChild(a);
    })
    .catch(error => {
      console.error('There has been a problem with your fetch operation:', error);
    });
}

// 使用例子
const fileUrl = 'https://example.com/path/to/your/file.txt';
downloadFile(fileUrl);

版权声明:本文内容由TeHub注册用户自发贡献,版权归原作者所有,TeHub社区不拥有其著作权,亦不承担相应法律责任。 如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

点赞(0)
收藏(0)
meataae
https://blog.yux.team

评论(0)

添加评论