图像未使用ftp url加载到标记中

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

您是否拥有内容安全策略标头：

<meta http-equiv="Content-Security-Policy" />

您将需要在显示图像的页面上显示此信息。

请参阅以下链接以获取指示：https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-whitelist/#content-security-policy

Answer 2

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

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