我正在使用Angular4应用程序,在这里我需要从我的本地磁盘引用图像而不是引用资源文件夹。但在我的情况下它不适用于我。
HTML
<div class="col-sm-12">
<img src="F:\my_Images" alt="img">
</div>
使用此行不会显示图像。
感谢。
答案 0 :(得分:0)
现代浏览器通常不允许直接访问本地文件系统,因为它是安全漏洞。您可以运行本地存储的html文件。但是,一旦将其部署到Web服务器,它将无法工作。 如果你想这样做,你可以建立一个浏览器扩展 - Firefox扩展和IE扩展可以访问本地资源。但是Chrome的限制性更强。
或者,如果图像符合您的要求,您可以从本地文件夹上传图像。
答案 1 :(得分:-1)
建议不要在您的应用中保留一个名为“assets”的文件夹,并将图片放入其中。或者让您的生活轻松使用base 64 image encoder checkout此链接link
然后像这样保持你的形象
<img width="300" alt="Angular Logo" src="data:image/jpeg;base64,<Your Base 64 image code>">