AngularJs图片获取自定义Header

前端之家收集整理的这篇文章主要介绍了AngularJs图片获取自定义Header前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
此处我们主要是为了通过定义自定义指令,处理web页面请求图片时能够通过angular拦截器以便统一携带登陆认证信息
app.directive('httpSrc',[ '$http',function ($http) { var directive = { link: link,restrict: 'A' }; return directive;
  1. function link(scope,element,attrs) {
  2. var requestConfig = {
  3. method: 'Get',url: attrs.httpSrc,responseType: 'arraybuffer',cache: 'true'
  4. };
  5.  
  6. $http(requestConfig)
  7. .success(function(data) {
  8. var arr = new Uint8Array(data);
  9.  
  10. var raw = '';
  11. var i,j,subArray,chunk = 5000;
  12. for (i = 0,j = arr.length; i < j; i += chunk) {
  13. subArray = arr.subarray(i,i + chunk);
  14. raw += String.fromCharCode.apply(null,subArray);
  15. }
  16.  
  17. var b64 = btoa(raw);
  18.  
  19. attrs.$set('src',"data:image/jpeg;base64," + b64);
  20. });
  21. }
  22.  
  23. }
  24. ]);

猜你在找的Angularjs相关文章