使用 Javascript 下载文件但文件没有 .doc .png 等扩展名答案

【问题标题】：Download File using JavasScript BUT file do not have extension like .doc .png etc使用 Javascript 下载文件但文件没有 .doc .png 等扩展名
【发布时间】：2020-05-08 18:55:49
【问题描述】：

我有一个没有任何扩展名的文件。当我用 .doc 打开这个文件时，它会打开。但是，当我尝试在 Chrome 中下载它时，它会失败并显示错误“无文件”。如何下载此文件？

var element = document.createElement('a');
element.setAttribute('href', url);
element.setAttribute('download', "MyFile1");
element.style.display = 'none';
document.body.appendChild(element);
element.click();
document.body.removeChild(element);

href = "http://localhost:SomePortNumber/Files/Students/09576844-bd38-136d-a83a-fdf15bad524e_qwerty11"

创建 docx 文件 -> 编辑名称，基本上删除扩展名 -> 保存。现在这个文件被上传到服务器但是当我下载它时它开始然后失败“失败 - 没有文件”。

【问题讨论】：

当你说：but when I download it fails. 表示根本不开始下载文件？
下载开始，然后我看到“失败 - 无文件”。如上面附加的屏幕截图所示。请看原始问题，我已经更新了截图。
这听起来像是服务器端代码中的错误，该代码正在生成包含（输出）文件的 HTTP 响应。

标签： javascript

【解决方案1】：

您可以在文件名旁边设置扩展名。像这样。

var element = document.createElement('a');
element.setAttribute('href', url);
element.setAttribute('download', "MyFile1.txt");
element.style.display = 'none';
document.body.appendChild(element);
element.click();
document.body.removeChild(element);

如果您仍然遇到问题，那么本文将为您提供帮助。

https://ourcodeworld.com/articles/read/189/how-to-create-a-file-and-generate-a-download-with-javascript-in-the-browser-without-a-server

【讨论】：