angular2和window.URL.createObjectURL

发布时间：2020-12-17 17:27:02 所属栏目：安全来源：网络整理

导读：我使用window.URL.createObjectURL来创建一个blob：http链接,用于预览img标签中的所选图像： img src=""{{itemPhoto}}"" / itemPhoto是在组件中定义的字段,在选择图像文件时分配： selectPhoto(photos: any[]) { if (photos[0]) { this.itemPhoto = window.U

我使用window.URL.createObjectURL来创建一个blob：http链接,用于预览img标签中的所选图像：

<img src=""{{itemPhoto}}"" />

itemPhoto是在组件中定义的字段,在选择图像文件时分配：

selectPhoto(photos: any[]) {
    if (photos[0]) {
      this.itemPhoto = window.URL.createObjectURL(photos[0]);
    }
  }

这适用于angular2 RC1但不再适用于2.0.0.

以下是进入src属性的内容：

unsafe:blob:http://localhost:5555/xxxxx-xxxx-xxxx-xxxx-xxxxxxxxx

在阅读其他一些帖子后我尝试了以下内容：

this.itemPhoto = this.sanitizer.bypassSecurityTrustUrl(window.URL.createObjectURL(photos[0]));

然后以下内容进入src属性：

unsafe:SafeValue must use [property]=binding: blob:http://localhost:5555/xxxxxxxx-xxxx-xxxx-xxxx-xxxxxx (see http://g.co/ng/security#xss)

有什么建议？

非常感谢

更新：好的,我真的不明白src里面的错误信息：
“不安全：SafeValue必须使用[property] = binding：…”

而不是src = {{itemPhoto}},以下工作：

<img [src]="itemPhoto" />

仍然不确定为什么.

解决方法

您可以尝试尝试说出错误.它说的是你必须使用property []绑定而不是使用属性插值{{}}.

[src]="itemPhoto"

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!