Angular 2 Image绑定本地硬盘

Question

我在将图像路径绑定到角度2中的img src时出现问题。 我将图像保存在localdisk中并保存数据库中的路径并检索图像路径并绑定到img源标记但它没有绑定。我试图将本地磁盘URL直接绑定到图像标记然后我收到错误＆＃34; 不允许加载本地资源。＆＃34;，如果我将本地路径值绑定到< strong> 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）;