0

我目前正在尝试将 ng2-file-upload 与设计令牌身份验证一起使用。：https ://devise-token-auth.gitbook.io/devise-token-auth/conceptual 。文件上传器目前直接处理 http 请求，因此，我没有使用 angular token rest api 服务类来上传对象：https ://angular-token.gitbook.io/docs/session-management 。相反，我必须手动设置与身份验证令牌一致的标头。

URL = '/api/my_api'
public uploader: FileUploader = new FileUploader({ url: URL});
update_upload_parameters(){
  var uo: FileUploaderOptions = {};
  uo.headers = 
  [
   {name: 'access-token', value : localStorage.getItem("accessToken")}, 
   {name: 'client', value : localStorage.getItem("client")},
   {name: 'expiry', value : localStorage.getItem("expiry")},
   {name: 'token-type', value : localStorage.getItem("tokenType")},
   {name: 'uid', value : localStorage.getItem("uid")}
  ];
  this.uploader.setOptions(uo);

}

HTML 文件

<input id="file2" type="file" ng2FileSelect [uploader]="uploader" />

上传本身成功完成，但上传后，我看到会话中的访问令牌不再起作用。我认为这是因为我使用设计令牌身份验证来根据请求更新令牌，并且我没有将其设置到我的本地存储中。如何手动检索响应标头中的令牌并将其设置到浏览器的本地存储中？（否则在正常请求中由角度令牌处理）

4

1 回答 1

0

想通了，作品：

this.uploader.onCompleteItem = (item:any, response:any, status:any, headers:any)=> {
        localStorage.setItem('accessToken', headers['access-token']);
        localStorage.setItem("expiry", headers['expiry']);
    };
}
于 2019-09-02T08:44:17.250 回答