Angular 图片上传并显示在src

KsL1

于 2022-07-09 11:56:55 发布

阅读量314

点赞数

分类专栏： angular 文章标签：前端 javascript angular

本文链接：https://blog.csdn.net/weixin_45553145/article/details/125691482

版权

angular 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

这篇博客探讨了在Angular应用中如何确保图片的安全性。通过使用DomSanitizer的bypassSecurityTrustUrl方法，可以绕过浏览器的安全限制，将Blob或MediaSource对象转换为可信的SafeUrl，从而安全地在src属性中使用。这种方法避免了XSS攻击的风险，是处理动态生成或来自不可信源的图片的重要步骤。

摘要由CSDN通过智能技术生成

##生成SafeUrl类型图片

 import { DomSanitizer, SafeUrl } from '@angular/platform-browser';
 private sanitizer: DomSanitizer
 this.sanitizer.bypassSecurityTrustUrl(window.URL.createObjectURL(res))

url.createObjectURL(Blob | MediaSource)
bypassSecurityTrustUrl()
绕过安全性，并相信给定的值是一个安全样式的URL，即可以在超链接或src中使用的值。