图像未加载到带有ftp url的<img>标记中

Question

我试图使用img标签在我的ionic/cordova应用程序中显示用户的照片,如下所示,

 <img src="ftp://10.132.21.100/PatientPhoto/Temp_emp.jpg" alt="no image"/>

图像未显示在APP中(无法加载资源错误).但是如果我在Android移动浏览器中输入相同的URL(ftp://10.132.21.100/PatientPhoto/Temp_emp.jpg),我可以查看该图像.我正在运行调试版本,所以我猜这不是一个权限问题.我通过在config.xml文件中添加以下行来完成白名单,

<access origin="*"/>

我尝试添加下面的行也没有任何成功,

<allow-intent href="ftp://*/*" />
<allow-navigation href="ftp://*/*" />

还向Html文件添加了Content-Security-Policy,如下所示,仍然面临同样的问题.

<meta http-equiv="Content-Security-Policy" content="default-src *; script-src 'self' 'unsafe-inline' 'unsafe-eval' *; style-src  'self' 'unsafe-inline' *">

如果我使用img src的http URL,它会工作.图像存储在ftp服务器中,因此我无法使用http URL.任何建议都非常感谢.

Answer 1

<img src="ftp://10.132.21.100/PatientPhoto/Temp_emp.jpg">

将 src 放在“”之间并确保您的服务器正在运行