如何将数据库中的图像显示为离子？

Question

我有这个代码用于显示从管理员端到我的离子应用程序的图像：

<img ng-src="http://recipick.filantroph.com/recipick/{{search.r_image}}" class="full-image" >

问题是我一直收到这个错误：

我该怎么办才能在我的离子应用程序中显示？请帮帮我。

Answer 1

如果您只是导航到浏览器中的http://recipick.filantroph.com/recipick/img/recipies/0feeb72d1cd27ef0f7bb3b0415de67eb.jpg，您会看到图片不存在。这不是离子问题。

我注意到您需要登录http://recipick.filantroph.com/。可能是在您通过身份验证后才会显示图像吗？如果是这种情况，则应将图像移动到身份验证墙外的公用文件夹中。

Answer 2

我得到了正确答案我的路径错了，只需改变：

<img ng-src="http://recipick.filantroph.com/recipick/{{search.r_image}}" class="full-image" >

<强>到

<img ng-src="http://recipick.filantroph.com/{{search.r_image}}" class="full-image" >