angularjs – 图像未加载到带有ftp url的标记中

我试图使用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.任何建议都非常感谢.

解决方法

您需要安装 cordova whitelist plugin并配置config.xml文件.

请添加以下标记：< allow-intent href =“ftp：// * / *”/>

或者如果你想允许一切：< access origin =“*”>