リソースはドキュメントとして解釈されますが、MIMEタイプapplication / zipで転送されます

Chrome 12.0.742.112では、次のヘッダーでリダイレクトすると、

HTTP/1.1 302 Found 
Location: http://0.0.0.0:3000/files/download.zip
Content-Type: text/html; charset=utf-8
Cache-Control: no-cache
X-Ua-Compatible: IE=Edge
X-Runtime: 0.157964
Content-Length: 0
Server: WEBrick/1.3.1 (Ruby/1.9.2/2011-02-18)
Date: Tue, 05 Jul 2011 18:42:25 GMT
Connection: Keep-Alive

従った場合、次のヘッダーが返されます。

HTTP/1.1 200 OK 
Last-Modified: Tue, 05 Jul 2011 18:18:30 GMT
Content-Type: application/zip
Content-Length: 150014
Server: WEBrick/1.3.1 (Ruby/1.9.2/2011-02-18)
Date: Tue, 05 Jul 2011 18:44:47 GMT
Connection: Keep-Alive

Chromeはリダイレクトせず、前のページを変更しません。コンソールに次の警告を報告するだけです。

リソースはドキュメントとして解釈されますが、MIMEタイプapplication / zipで転送されます。

プロセスはFirefoxで正しく機能し、新しいタブを開いて直接に移動した場合でもChromeで正常に機能しhttp://0.0.0.0:3000/files/download.zipます。私は何か間違ったことをしていますか、これはChromeのバグですか？

HTML5 ダウンロード属性を<a>タグで指定できます。

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

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

リクエストヘッダーでを送信しました。Content-Type: text/htmlこれは、レスポンスをHTMLとして解釈することを意味します。サーバーでもPDFファイルを送信した場合、ブラウザーはそれをHTMLとして理解しようとします。それが問題です。私はその理由が何であるかを見るために検索しています。:)

PDFファイル（MIMEタイプapplication / pdf）を提供するときにこの問題が発生し、Content-Dispositionヘッダーを設定して解決しました。例：

Content-Disposition: attachment; filename=foo.pdf

お役に立てば幸いです。

これを修正しました...新しいタブを開くだけです。

なぜ機能しなかったのかは完全にはわかりませんが、Chromeがページ上の複数のダウンロードを処理する方法に何らかの影響がある可能性があります。

メッセージの説明だけではどこにも見つかりませんでした。これが私の解釈です。

私が理解している限り、Chromeは表示できる可能性のある素材（ドキュメント）を想定していましたが、表示できないもの（または表示しないように指示されたもの）を取得しました。

これは、ドキュメントがでHTMLページレベルで宣言された方法href（downloadRoyのメッセージの属性を参照）と、HTTPヘッダー（特にContent-Disposition）によってサーバーの応答内で宣言された方法の両方の問題です。これは希望と期待とは対照的に、契約の問題です。

エヴァンの道を続けるために、私はそれを経験しました：

Content-type: application/pdf
Content-disposition: attachment; filename=some.pdf

と一貫性がありません：

<a href='some.pdf'>

ChromeはResourceをドキュメントとして解釈しますが、転送します…

実際、添付ファイルの処理はこれを意味するだけです。ブラウザはリンクを解釈せず、他の目的（非表示）のためにどこかに保存します。ここでは、のdownload横hrefに欠落しているかContent-disposition、ヘッダーから削除する必要があります。これは、ブラウザにドキュメントをレンダリングさせるかどうかによって異なります。

お役に立てれば。

今日、同じバージョンの問題がChromeバージョン30.0.1599.66でnode.js / express.jsアプリケーションで発生しました。

ヘッダー あり、正しいそれらを適切に自動的に、それは入れて、示されているように、他のブラウザで動作セットを表現するHTML 5「ダウンロード」属性がない決意、何んでした、それはクロム高度な設定に入るとボックスをチェックしている決意を「ここで保存するように依頼ダウンロード前の各ファイル」

その後、この問題のタイトルにあるように「リソースはドキュメントとして解釈されました...」エラーは報告されなかったため、サーバーコードは正しいようです。保存するように設定されている場合、コンソールでエラーを誤って報告しているのはChromeです。自動的に場所にファイル。

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ではリンクがなくても機能することがわかりました。

これは、iframeでsrc = "image_url"を割り当てたときに発生しました。iframeはそれをドキュメントとして解釈しているようですが、そうではありません。それが警告を表示する理由です。

adding target="_blank"リンクで問題を解決しました。これにより、クロムは新しいタブを開き、レスポンシブモードでも警告なしにPDFを読み込みます。

ASP Webサイトプロジェクトでこの問題が発生しました。「Content-Length」ヘッダーを追加すると、ダウンロードがChromeで再び機能し始めました。

この問題はChrome 61バージョンで再度発生しました。ただし、Chrome 62で修正されているようです。

以下のようなRewriteRuleがあります

RewriteRule ^/ShowGuide/?$ https://<website>/help.pdf [L,NC,R,QSA]

Chrome 61では、PDFが開かず、コンソールにメッセージが表示されていました

"Resource interpreted as Document but transferred with MIME type application/pdf: "

以下のように書き換えルールにMIMEタイプを追加しようとしましたが、役に立ちませんでした。

RewriteRule ^/ShowGuide/?$ https://<website>/help.pdf [L,NC,R,QSA, t:application/pdf]

Chromeを最新の62バージョンに更新したところ、PDFが再び表示されるようになりました。しかし、メッセージはまだコンソールにあります。

他のすべてのブラウザでは、問題なく動作していました。

これに遭遇しただけで、私が見つけることができた他の情報はどれも役に立ちませんでした。それは愚かなエラーでした。ファイルのダウンロードを開始する前に出力をブラウザーに送信していました。驚いたことに、「ヘッダーはすでに送信されました」などの有用なエラーは見つかりませんでした。うまくいけば、これは他の誰かにいくつかの悲しみを救います！

私の場合、ファイル名が長すぎて同じエラーが発生しました。200文字未満に短縮すると、問題なく動作しました。（上限は250かもしれません）

ファイルシステムからサービスを提供していたため、このエラーが発生しました。httpサーバーで始めたら、クロムはそれを理解することができました。

作成したダウンロードマネージャーでも同じ問題が発生していました。私が抱えていた問題は、ファイル名が長すぎたり、拡張子が切り取られたりすることでした。

例：ファイル名：組織のプロトコルおよびその他の重要なもの.pd

<?php
  header("Content-Disposition: attachment; filename=$File_Name");
?>

修正の内容：MySQLデータベースフィールドを255に増やしてファイル名を保存し、BLOBを保存する前に長さチェックを実行しました。長さが255を超える場合は、250にトリミングし、ファイル拡張子を追加します。

以下のコードを試してみてください。これがうまくいくことを願っています。

var Interval = setInterval(function () {
                if (ReportViewer) {
                    ReportViewer.prototype.PrintReport = function () {
                        switch (this.defaultPrintFormat) {
                            case "Default":
                                this.DefaultPrint();
                                break;
                            case "PDF":
                                this.PrintAs("PDF");
                                previewFrame = document.getElementById(this.previewFrameID);
                                previewFrame.onload = function () { previewFrame.contentDocument.execCommand("print", true, null); }
                                break;
                        }
                    };
                    clearInterval(Interval);
                }
            }, 1000);

今日私はこれに直面しました、そして私の問題は私のContent-Dispositionタグが誤って設定されたことでした。これは、両方のためのように見えるpdf＆application/x-zip-compressed、あなたはそれを設定することになっているinlineの代わりに、attachment。

したがって、ヘッダーを設定するには、Javaコードは次のようになります。

...
String fileName = "myFileName.zip";
String contentDisposition = "attachment";
if ("application/pdf".equals(contentType)
    || "application/x-zip-compressed".equals(contentType)) {
    contentDisposition = "inline";
}
response.addHeader("Content-Disposition", contentDisposition + "; filename=\"" + fileName + "\"");
...