Angular with .net Web API令牌认证 - 文件上载

时间:2014-07-17 17:48:29

标签: angularjs asp.net-web-api jquery-file-upload http-token-authentication

我正在尝试使用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授权。这是有道理的。

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

1 个答案:

答案 0 :(得分:1)

仔细查看fileupload选项后:https://github.com/blueimp/jQuery-File-Upload/wiki/Options

它说" jQuery文件上传插件使用jQuery.ajax()来处理文件上传请求。由于Iframe传输插件,即使对于不支持XHR的浏览器也是如此。

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

所以我所要做的就是将header选项添加到fileupload选项中:

标题:{       '授权':TOKEN }