jQuery-File-Upload by blueimp - 附加头信息

Question

我在wiki中搜索过，但找不到答案。我应该把我的其他头信息（例如Authorization头）放在JS脚本的哪里？是在onSend/beforeSend中还是其他地方？

小部件链接： https://github.com/blueimp/jQuery-File-Upload

- svenkapudija

Answer 1

这是我如何将文件名添加为标题：

$('#upload_btn').fileupload({
    singleFileUploads: true,
    beforeSend: function(xhr, data) {
        var file = data.files[0];
        xhr.setRequestHeader('X-FileName', file.name);
    },
});

- mpen

Answer 2

您是否尝试通过“options.headers”对象设置其他标头？

如果使用forceIframeTransport：true选项（IE不支持XHR文件上传，您需要退回到隐藏的iframe方法），则无法修改标头：https://github.com/blueimp/jQuery-File-Upload/issues/654

Options.headers：http://api.jquery.com/jQuery.ajax/

为文件上传插件设置的选项会传递给jQuery.ajax（）并允许定义任何ajax设置或回调。

- dgrubelic

---

你所说的“headers”选项在哪里？https://github.com/blueimp/jQuery-File-Upload/wiki/Options - mpen

从那个页面上看，文件上传插件设置的选项会传递给jQuery.ajax()。除了列出的选项外，您还可以使用在http://api.jquery.com/jQuery.ajax/上记录的所有选项。但是，正如上面的答案所解释的那样，并非所有选项都一定与iframe传输兼容。 - mhsmith

Answer 3

尝试像这样做...

beforeSend: function(xhr) {
    xhr.setRequestHeader("Accept", "application/json");
    xhr.setRequestHeader("Content-type", "application/json; charset=utf-8");
}

- dgrubelic

Answer 4

答案非常简单： 只需在添加部分中添加自定义标头。

  add: function (e, data) {         

                data.headers={'X-Session-Id' : data.files[0].name.hashCode()};

                data.context = $('<button/>').text('Upload')
                .appendTo(document.body)

                .click(function () {
                    data.context = $('<p/>').text('Uploading...').replaceAll($(this));

                   // naam = naam.hashCode();
                    data.submit();
                });
        },

或在初始化中：

$('#fileupload').fileupload({
        dataType: 'json',
        multipart : false,
        maxChunkSize: 10 * 1024 * 1024,
        headers:data.headers={'X-Session-Id' : "TEST-HEADER"},

- Wim Stockman

---

头文件中的数据未定义：data.headers = {'X-Session-Id' : "TEST-HEADER"}。 - Srikanth Jeeva

这是对我有效的代码：headers: { Authorization: 'Bearer ' + $rootScope.app.token } - Ivan Carosati

Answer 5

这是我的实现。

onSend: function(e, options) {
  var accessToken = ...;

  options.headers = {
    'Authorization': 'Bearer ' + accessToken
  };
},

- Andrei Kaparykha