2

如果我正在制作 Chrome 扩展程序，如果服务器强制“另存为...”对话框，我如何在新选项卡中打开图像？正如我所看到的，它与Content-Dispositionheader 属性有关。
有几十个关于如何强制浏览器打开该对话框的服务器端 Q/A，但我什么也找不到，作为最终用户如何与之抗争，谁不想要那个对话框窗口。

4

2 回答 2

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"
  ]

在您的清单文件中

参考

编辑 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"]);
于 2013-01-12T14:00:31.090 回答
0

@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"]
);
于 2013-02-09T05:29:12.973 回答