大佬教程收集整理的这篇文章主要介绍了Angular2 Base64清理不安全的URL值,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
[{"coreGoalId":1,"title":"Core goal 1","infrastructure":"Sample Infrastructure","audience":"People","subGoals":null,"benefits":[{"benefitId":1,"what":"String","coreGoalId":1}],"effects":null,"steps":null,"images":[{"imagelId":1,"base64":"/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcU\nFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgo\nKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wgARCAIWAe4DASIA\nAhEBAxEB/8QAHAABAAIDAQEB"}]}]
我正在尝试显示其中返回的base64图像.
在我的组件中:
ngOnInit() { this.homeservice.getGoals() .subscribe( goals => this.coreGoals = goals,error => this.errormessage = <any>error); }
然后在模板中:
<ul> <li *ngFor="let goal of coreGoals"> {{goal.titlE}} <img [src]="'data:image/jpg;base64,'+goal.images[0].base64 | safeHtml" /> </li> </ul>
safeHtml是我创建的管道,如下所示:
import { Pipe } from '@angular/core'; import { DomSanitizer } from '@angular/platform-browser'; @Pipe({name: 'safeHtml'}) export class SafeHtml { constructor(private sanitizer:DomSanitizer){} transform(html) { return this.sanitizer.bypassSecurityTrustHtml(html); } }
这给了我一个安全的URL,得到了一个HTML错误.这里出了什么问题?如果我从< img />中删除管道然后它说不安全的网址.
以上是大佬教程为你收集整理的Angular2 Base64清理不安全的URL值全部内容,希望文章能够帮你解决Angular2 Base64清理不安全的URL值所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。