मैं छवि को अपना बाइट [] प्रस्तुत करने में सक्षम नहीं हूं। मुझे विभिन्न समाधान मिले लेकिन अब तक कोई भी मेरे लिए एंगुलर 9 में काम नहीं कर रहा है।

छवि मॉडल

export class Image {
    id: string
    imageName:  string
    imageData: any
    message: string
}

.ts फ़ाइल

import { DomSanitizer, SafeResourceUrl} from '@angular/platform-browser';
import { Service} from 'src/app/services/Service.service';

constructor(private service: Service, private sanitizer: DomSanitizer) { }

image: Image;
imgRecourse: SafeResourceUrl;

this.service.getImage(imageId).subscribe(
      data => {
        this.image = data as any;
        this.imgRecourse = this.sanitizer.bypassSecurityTrustResourceUrl('data:image/jpg;base64,' + this.image.imageData);
      }
    )

एचटीएमएल

<div class="picture" *ngIf="imgRecourse">
   <img id="img" src="{{imgRecourse}}">
</div>

और यह मुझे हर समाधान में एक चेतावनी दिखा रहा है जो है

core.js:6901 WARNING: sanitizing unsafe URL value SafeValue must use [property]=binding: data:image/jpg;base64,/9j/4AAQSkZJRgABAgAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCAQ4B4ADASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAEC...

कृपया मेरी मदद करें

धन्यवाद।

0
Md Enayat 28 जिंदा 2021, 16:04
बस एक अवलोकन, आप html में imgRecourse के लिए बाध्य हैं, लेकिन आपके कोड में आपके पास यह संपत्ति "imgRecourse1" है। इसे संकलन समय त्रुटि के रूप में लाल झंडी दिखाकर रवाना किया जाना चाहिए।
 – 
allan
28 जिंदा 2021, 16:38
@allan मुझे सही करने के लिए धन्यवाद। मैंने सवाल अपडेट किया है लेकिन वह समस्या नहीं थी। कृपया आप उस प्रश्न में मेरी मदद कर सकते हैं। या यदि आप किसी को जानते हैं तो कृपया इस प्रश्न का लिंक उसके साथ साझा करें। धन्यवाद
 – 
Md Enayat
28 जिंदा 2021, 23:24

1 उत्तर

सबसे बढ़िया उत्तर
 <div class="picture" *ngIf="imgRecourse">
     <img id="img" [src]="imgRecourse">
  </div>
2
allan 29 जिंदा 2021, 00:03
मेरी मूर्खतापूर्ण गलती को सुधारने के लिए बहुत-बहुत धन्यवाद @allan।
 – 
Md Enayat
29 जिंदा 2021, 08:01
ज़रूर, मुझे इसे पहले देखा जाना चाहिए था, लेकिन मुझे लगता है कि पिछले टाइपो ने मुझे फेंक दिया!
 – 
allan
29 जिंदा 2021, 09:15