angularjs - 带有 .net WebAPI 令牌认证的 Angular - 文件上传

Question

我正在尝试使用 Angularjs 和 .net web api 令牌授权来实现这个文件上传进入我的项目

文件上传：http ://blueimp.github.io/jQuery-File-Upload/

令牌授权：http ://bitoftech.net/2014/06/09/angularjs-token-authentication-using-asp-net-web-api-2-owin-asp-net-identity/

我在 angularjs 模块中还有一个拦截器，用于将令牌添加到对服务器发出的每个请求中。

我遇到的问题是，当我尝试上传文件时，拦截器没有拦截请求并将令牌附加到请求中。因此，服务器抛出 401 Authorized。这是有道理的。

我的问题，我如何拦截/注入令牌到文件上传后调用？

Answer 1

仔细查看文件上传选项后：https ://github.com/blueimp/jQuery-File-Upload/wiki/Options

它说“jQuery File Upload 插件使用 jQuery.ajax() 来处理文件上传请求。由于 iframe Transport 插件，即使对于不支持 XHR 的浏览器也是如此。

为文件上传插件设置的选项被传递给 jQuery.ajax() 并允许定义任何 ajax 设置或回调。”

所以我所要做的就是将标题选项添加到文件上传选项中：

标头：{'授权'：令牌}