如何为网页上的链接设置Accept Header？

Question

这主要是一个象牙塔问题,因为我可以很容易地创建一个新的URL端点.但基本上,当用户将Accept标头配置为包含text/csv时,我希望能够提供CSV.这在服务器端是微不足道的,但在客户端我不知道如何设置Accept标头,除非我使用的是XHR或其他"非浏览器"客户端.HTML中是否有一种方法可以在链接或JS中设置Accept标头,以便在使用window.location时设置Accept标头？

Answer 1

我想我不妨把这个放在这里,为下一千个人看帖子.你做不了.

Answer 2

更新：

我将在下面留下我的原始答案以供后代使用，但现在我发现我并没有真正回答这个问题。没有办法“本地”执行此操作，我能想到的最佳方法是使用数据 uri（http://en.wikipedia.org/wiki/Data_URI_scheme）并让 AJAX 为您完成工作：

// aware that you didn't mention jQuery, but you can do this with or without
var download = function(){
    var mime = this.getAttribute('data-mime-type');
    $.ajax({
        accepts: mime,
        success: function(data){
            var uri = 'data:'+mime+';charset=UTF-8,' + encodeURIComponent(data);
            window.location = uri;
        }
    })
    return false;
}

使用以下示例中使用的相同想法：

<a href="/some-csv-endpoint" data-mime-type="text/csv">Download CSV</a>

document.querySelectorAll('a[data-mime-type]').onclick = download;

原答案

没有内置的方法来强制链接上的“接受”标头（通过 HTML 或 Javascript）。我认为您可以使用非常少量的服务器和客户端代码轻松实现这一点。用任何语言都应该很容易，我的例子是 PHP：

function get_accepted_headers() {
    $headers = apache_request_headers();
    if(array_key_exists('Accept', $headers)) {
        $accepted = explode(',', $headers['Accept']);
        return $accepted;
    }
    return array();
}

将 data-accept 属性添加到您的下载链接：

<a href="/some-csv-file.csv" data-accept="text/csv">Download CSV</a>

然后附加一个点击事件处理程序，以确保用户接受指定的内容类型：

// will end up with something like: ["text/html", "application/xhtml+xml", "application/xml;q=0.9", "image/webp", "*/*;q=0.8"]
var user_headers = <?=stripslashes(json_encode(get_accepted_headers()))?>;
var click_header_check = function() {
    var accept = this.getAttribute('data-accept');
    if(user_headers.indexOf(accept) == -1) {
        console.log('User does not explicitly accept content-type: %s', accept);
        return false;
    }
    window.location = this.href;
    return;
}

// attach the event listener
document.querySelector('a[data-accept]').onclick = click_header_check;

不确定这是否是您要查找的内容，但希望它有所帮助。