Error on dropping an image

[miliu99]

Just got this up and running. However, when I try to drop an image, I got this error in browser console:

WARNING: sanitizing unsafe URL value C:\temp\home.jpg (see http://g.co/ng/security#xss)
browser_adapter.js:122 

WARNING: sanitizing unsafe URL value C:\temp\home.jpg (see http://g.co/ng/security#xss)
unsafe:C:\temp\home.jpg:1 

GET unsafe:C:\temp\home.jpg net::ERR_UNKNOWN_URL_SCHEME

And image doesn't show up. What's the workaround?

[miliu99]

Okay, I figured out myself based on this stackoverflow post by Helzgate (not the accepted answer!).

So, import DomSanitizer first

import { DomSanitizer } from '@angular/platform-browser';

added to contructor

constructor(private sanitizer: DomSanitizer) {}

and change the binding to

<img class="media-object" [src]="sanitizer.bypassSecurityTrustResourceUrl(image.path)" style="max-width:200px">