来自本地硬盘的Angular 2图像绑定

Question

将图像路径绑定到angular 2中的img src时遇到问题。我将图像保存在localdisk中，并将该路径保存在数据库中，并检索了图像路径并绑定到img源标签，但未绑定。 我试图将本地磁盘URL直接绑定到图像标签，然后出现错误“ 不允许加载本地资源。 ”，如果我将本地路径值绑定到SafeUrl变量，则该错误是不安全的：E：\\ Main Projects \\ img \\ 20182201521541566536.jpg：1

谁能给我一些解决方案。 谢谢

Answer 1

您无法从硬盘驱动器读取文件作为图像源。 您需要在项目中提供图像，因此可以在localhost上使用它们。

Answer 2

对于它及其对我来说，我还有一个解决方案。 我们可以将图像托管在IIS上，然后可以提供IMG标签的SRC的http路径。 将代码部署到任何实时服务器时，必须根据实时服务器设置传递图像的http路径。 浏览器认为没有附加http的URL是不安全的。

如果仍然有人发现任何问题，请告诉我，我将在这里分享我的代码。

Answer 3

下面对我有用

步骤1）从'@ angular / platform-b​​rowser'导入{DomSanitizer};

步骤2）然后在构造函数中添加依赖项public _DomSanitizationService：DomSanitizer

第3步）现在绑定属性为

this.ImagePath = this._DomSanitizationService.bypassSecurityTrustUrl（this.FilePath）;