我通过在链接中添加target="_blank"来解决这个问题。 有了这个，chrome打开一个新标签和加载PDF没有警告，甚至在响应模式。

经过一对夫妇的csv文件下载(大量的测试)chrome询问是否允许更多的下载从这个页面。我刚刚取消了窗户。之后，chrome浏览器没有下载文件，但控制台说:

"资源解释为文档，但以MIME类型text/csv传输"

我可以通过重新启动chrome来解决这个问题(完全Ctrl-Shift-Q)。

[更新]不知道为什么这篇文章被删除了，但它为我提供了解决方案。我早些时候收到了关于尝试下载多个文件的消息，肯定是回答“不”。直到重启浏览器，我才看到“资源已解释”消息;然后它完美地工作了。在某些情况下，这可能是正确的答案。

我在通过Javascript执行文件下载时遇到了类似的问题。添加下载属性没有区别，但添加target='_blank'做了-我不再得到'资源解释为文档…控制台消息。

下面是我的简单代码:

var link = document.createElement('a');
link.target = '_blank';
link.href = url;
document.body.appendChild(link); // Required for Firefox
link.click();
link.remove(); 

我还没有尝试直接使用HTML，但希望它能工作。

注意，我发现Firefox需要将链接附加到文档中，而Chrome不需要它也可以工作。

这个问题

我引用了Saeed Neamati (https://stackoverflow.com/a/6587434/760777):)的话

在请求头中，您发送了Content-Type: text/html，这意味着您希望将响应解释为html。现在即使服务器发送PDF文件给你，你的浏览器也会将其理解为HTML。

解决方案

发送该死的正确头。发送文件的正确mime类型。期!

How?

啊。这完全取决于你在做什么(操作系统，语言)。

我的问题是用javascript动态创建的下载链接。这个链接是下载mp3文件的。 mp3文件不是文档，pdf文件、zip文件、flac文件也不是文档，这样的例子不胜枚举。

所以我创建了这样的链接:

<form method="get" action="test.mp3"> <a href="#" onclick="this. nearest (form).submit();return false;" target="_blank"> . < span class = " material-icons”> 下载 < / span > < / > > < /形式

我把它改成了这样:

<form method="get" action="test.mp3" enctype="multipart/form-data"> . <a href="#" onclick="this. nearest (form).submit();return false;" target="_blank"> . < span class = " material-icons”> 下载 < / span > < / > > < /形式

问题解决了。向form标签添加一个额外的属性就解决了这个问题。但没有通用的解决方案。有很多不同的场景。 当你从服务器发送一个文件时(你用像cx#， Java, PHP这样的语言动态创建它)，你必须发送正确的头文件。

旁注:在发送标题之前，注意不要发送任何东西(文本!)。

我今天在Chrome 30.0.1599.66版本的node.js / express.js应用程序中遇到了同样的问题。

标题是正确的，表达设置他们正确地自动，它在其他浏览器中工作，如所示，把html 5的“下载”属性不解决，什么解决它是进入chrome高级设置，并勾选框“询问在下载前保存每个文件的位置”。

在此之后，没有“资源解释为文档....”的错误报告，因为在这个问题的标题中，所以它似乎是我们的服务器代码是正确的，这是Chrome，在控制台错误地报告错误时，它被设置为自动保存文件到一个位置。

您可以在<a>标记中指定HTML5下载属性。

<a href="http://example.com/archive.zip" download>Export</a>

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-download