大佬教程收集整理的这篇文章主要介绍了Angular5中基本授权的安全图像,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
<img [src]=" getImage(res.imageurl) | async" /> getImage(imageUrl: String): Observable<File> { let headers = new httpHeaders(); headers = headers.append("Authorization","Basic " + btoa(this.domain + '/' + logindata.username + ':' + logindata.password)); return this.http .get(imageUrl,{headers:headers},{ responseType: ResponseContentType.blob }) .map((res: ResponsE) => res.blob()); }
喜欢:
@Component({ template: ` <img [src]="img.src + '?bearer=' + bearToken"/> ` }) export class FooComponent { img = { src: 'https://angular.io/assets/images/logos/angular/logo-nav@2x.png' } bearerToken = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9...'; }
所以图像链接会像这样创建
https://domain/assets/images/xyz.png?bearer=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9 …
以上是大佬教程为你收集整理的Angular5中基本授权的安全图像全部内容,希望文章能够帮你解决Angular5中基本授权的安全图像所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。