AngularJs图片获取自定义Header
发布时间:2020-12-17 09:09:02 所属栏目:安全 来源:网络整理
导读:此处我们主要是为了通过定义自定义指令,处理web页面请求图片时能够通过angular拦截器以便统一携带登陆认证信息 app.directive('httpSrc',[ '$http',function ($http) { var directive = { link: link,restrict: 'A' }; return directive; function link(sco
此处我们主要是为了通过定义自定义指令,处理web页面请求图片时能够通过angular拦截器以便统一携带登陆认证信息app.directive('httpSrc',[ '$http',function ($http) { var directive = { link: link,restrict: 'A' }; return directive; function link(scope,element,attrs) { var requestConfig = { method: 'Get',url: attrs.httpSrc,responseType: 'arraybuffer',cache: 'true' }; $http(requestConfig) .success(function(data) { var arr = new Uint8Array(data); var raw = ''; var i,j,subArray,chunk = 5000; for (i = 0,j = arr.length; i < j; i += chunk) { subArray = arr.subarray(i,i + chunk); raw += String.fromCharCode.apply(null,subArray); } var b64 = btoa(raw); attrs.$set('src',"data:image/jpeg;base64," + b64); }); } } ]); (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |