在Chrome中取消另存为对话框

Question

如果要制作Chrome扩展程序，并且服务器强制执行“另存为...”对话框，如何在新标签页中打开图像？ 如我所见，它与Content-Disposition标头属性有关。
关于如何强制浏览器打开该对话框，服务器端有很多问题，但是我找不到任何东西，如何与不想使用该对话框窗口的最终用户抗衡。

Answer 1

在[RFC 822]的扩展BNF表示法中，Content-Disposition标头字段的定义如下：

    disposition := "Content-Disposition" ":"
                   disposition-type
                   *(";" disposition-parm)

    disposition-type := "inline"
                      / "attachment"
                      / extension-token
                      ; values are not case-sensitive

    disposition-parm := filename-parm / parameter

    filename-parm := "filename" "=" value;

如果忽略处置参数，则只需执行以下操作。

"content-disposition","attachment; filename=fname.jpeg"下载jpeg文件。

"content-disposition","inline; filename=fname.jpeg"显示jpeg文件，而不是在服务时下载jpeg文件。

此行为取决于浏览器和您要提供服务的文件。

例如，如果您有JPEG文件，则内联disposition-type将在浏览器中打开图像，而附件将强制其下载。

如果您使用的是.ZIP文件，浏览器将无法内联显示它，因此对于内联和附件disposition-type ，将下载该文件。

您必须使用WebRequest API来修改标头

样例代码

chrome.webRequest.onBeforeSendHeaders.addListener(

function (details) {//Modify Headers
    details.requestHeaders.push({
        "name": "content-disposition",
        "value": "inline; filename=`_some_filename.some_extension`"
    });
    return {//Update Headers
        requestHeaders: details.requestHeaders
    };
}, {
    urls: ["<all_urls>"]
}, ["blocking", "requestHeaders"]);//Block the requests

确保您声明

"permissions": [
    "webRequest",
    "webRequestBlocking"
  ]

在清单文件中

参考

• 网络请求API

编辑1

添加此代码的URL，然后检查它是否仍引发save as对话框。

chrome.webRequest.onHeadersReceived.addListener(

function (details) {

    var _content_to_append = {
        "name": "content-disposition",
        "value": "inline"
    };
    details.responseHeaders.push(_content_to_append);
    return {
        responseHeaders: details.responseHeaders
    };
}, {
    urls: ["<all_urls>"]
}, ["blocking", "responseHeaders"]);

Answer 2

@Sudarshan给出了正确的方向。

但是它出现在另一个站点上，即使Content-Disposition也是不够的。
所以我当前的工作代码是：

chrome.webRequest.onHeadersReceived.addListener(
    function (details) {
        for (var i in details.responseHeaders) {
            if (details.responseHeaders[i].name == "Content-Disposition")
                details.responseHeaders[i].value = "inline; filename=\"\"";
            if (details.responseHeaders[i].name == "Content-Type")
                details.responseHeaders[i].value = "image/jpeg";
        };
        return { responseHeaders: details.responseHeaders };
    }, {
        urls: [
            "http://qwe.rty.net/*",
            "http://*.qwerty.com/*",
        ]
    }, ["blocking", "responseHeaders"]
);