在IE中为Blob图片网址隐藏“保存并打开”提示-Angular

时间:2019-07-04 14:52:48

标签: javascript angular

大家好, 我有一些要求来保护来自API的图像。

demo.component.html:

 <img [src]="imgSrc" width="100%" height="100%" alt="Image" />

demo.component.ts:

this.imgSrc = this.commonLogicalFunction.imageUrl(response);

    //output will be like 
this.imgSrc = "blob:http://localhost:4200/e2d84bjjjj04-71ajjj5-4d08kkk-8a35-8d0dd5e55nnn338"

common-logic.serive.ts:

在response.body中,我们有下面的对象

{
    size: 590415
    type: "application/octet-stream"
}

我正在将该对象作为输入传递,并重现了网址

  imageUrl(response){
    const imgUrl = window.URL.createObjectURL(response.body);
      return this._sanitizer.bypassSecurityTrustResourceUrl(imgUrl);
  }

一切正常,图像在浏览器中显示,但在IE中显示,并在加载图像时显示保存并另存为提示。如何防止该提示不显示。

0 个答案:

没有答案