使用url doestwork JavaScript下载文件
我需要按一个按钮开始下载,我尝试使用下面的代码,但它没有开始下载,只需在浏览器中打开一个新选项卡并显示内容。我做错了 dataurl完全类似于:http://localhost:8000/storage/shipment/b61ffc10-6798-4b94-ba91-daec6efbbdfdShipment2020-10-05.txt使用url doestwork JavaScript下载文件,javascript,html,vue.js,Javascript,Html,Vue.js,我需要按一个按钮开始下载,我尝试使用下面的代码,但它没有开始下载,只需在浏览器中打开一个新选项卡并显示内容。我做错了 dataurl完全类似于:http://localhost:8000/storage/shipment/b61ffc10-6798-4b94-ba91-daec6efbbdfdShipment2020-10-05.txt download: function(name, dataurl) { const link = document.createElement(
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,而不是文件本身
有什么想法吗?谢谢 如果你想从你的服务器下载一个内容,试试这个,它太简单了
<a href="http://localhost:8000/storage/shipment/b61ffc10-6798-4b94-ba91-daec6efbbdfdShipment2020-10-05.txt" download="filename-here"> Click here to Download </a>
在
标签中添加了Download
Atribute,当单击此链接时,文件将作为filename here.txt下载。如果您看到问题OP已经通过编程设置了下载属性,我已经尝试过了,但下载atributte不起作用。我必须建立一个新的网址,使其工作,我不知道为什么会发生这种情况