使用 url dotwork JavaScript 下载文件

Question

我需要按一个按钮开始下载，我尝试使用以下代码，但它没有开始下载，只需在浏览器中打开一个新标签并显示内容。我做错了吗？

dataurl 类似于：http://localhost:8000/storage/shipment/b61ffc10-6798-4b94-ba91-daec6efbbdfdShipment2020-10-05.txt

  download: function(name, dataurl) {
      const link = document.createElement("a");
      link.setAttribute("download", name+'.txt');
      link.setAttribute("target", "_blank")
      link.href = dataurl;
      document.body.appendChild(link);
      link.click();
    }

我也尝试将 url 转换为 Blob

      const url = window.URL.createObjectURL(new Blob([data]));
      const link = document.createElement("a");
      link.href = url;
      link.setAttribute("download", filename);
      document.body.appendChild(link);
      link.click();
    },

这样，它触发了下载，但内容是 url，而不是文件本身。

有什么想法吗？谢谢！

Answer 1

如果你想从你的服务器下载内容，试试这个，它很简单...

<a href="http://localhost:8000/storage/shipment/b61ffc10-6798-4b94-ba91-daec6efbbdfdShipment2020-10-05.txt" download="filename-here"> Click here to Download </a>

在<a>标签中添加Download属性，当点击此链接时，文件将下载为filename-here.txt