angular4上传本地图片，将获取的文件转换成url地址，提示清理不安全的URL值

最近项目用angular4。上传图片时，在onchange中获取文件，显示时将文件转换为url地址，发现控制台报错，同时angular4提示WARNING:sanitizingunsafeURLvalue，最后在谷歌找到解决方案。下面附上了我的代码的屏幕截图。在html中使用input标签在onchange文件中获取file//获取图片文件letfiles=this.files;//转换为urlletimgurl=window.URL.createObjectURL(files[0]);这时候直接把这个地址绑定到img上，就像我以前用angular1做的那样，可以在标签上预览本地上传的图片，但是angular4报WARNING:sanitizingunsafeURLvalue，幸好找到了解决办法。1：在组件中引入内置的AngularStampComponent模块import{StampComponent}from"../base/stamp/stamp.component"；2：我喜欢定义属性constructor(privatesanitizer:DomSanitizer){}3：将地址转换为安全地址letsanitizerUrl=self.sanitizer.bypassSecurityTrustUrl(imgurl);最后把地址放到img的src上就可以了。