🐛 [Bug]:

[kscSoft]

Version

[email protected]

Angular Version

Angular: 12.2.16

Link to minimal reproduction

• component.html
  <d-avatar [imgSrc]="headerImg">

• component.ts
  headerImg;
  ngOnInit(): void {
  this._http.post(_api, {
  keyID: 2,
  }, {
  responseType: 'blob',
  }).subscribe((data) => {
  // const _blob = this._sanitizer.bypassSecurityTrustUrl(window.URL.createObjectURL(data));
  const _src = URL.createObjectURL(data);
  this.headerImg = _src;
  });
  }

the headerImg cannot be displayed normally in d-avatar

Step to reproduce

• component.html
  <d-avatar [imgSrc]="headerImg">

• component.ts
  headerImg;
  ngOnInit(): void {
  this._http.post(_api, {
  keyID: 2,
  }, {
  responseType: 'blob',
  }).subscribe((data) => {
  // const _blob = this._sanitizer.bypassSecurityTrustUrl(window.URL.createObjectURL(data));
  const _src = URL.createObjectURL(data);
  this.headerImg = _src;
  });
  }

the headerImg cannot be displayed normally in d-avatar

What is expected

No response

What is actually happening

No response

Any additional comments (optional)

No response

[EnochGao]

I tried it and it didn't happen again.your code should be this.headerImg= this._sanitizer.bypassSecurityTrustUrl(window.URL.createObjectURL(data)); and make sure data is of type Blob. @kscSoft
demo

[kagol]

@kscSoft Thank you for your feedback. I hope the title of issue can be written clearly.