Question

我目前正在开发一个带有phonegap的应用程序，我想更新我在wordpress上的应用程序的内容。通过JSON API，我获得了页面的html内容，但问题是让用户选择图像。我所做的是从wordpress发送一个zip到我的智能手机，其中包含新的html内容和新图像。我下载了zip，应用了新的html内容，并将图像复制到＆lt; cdvfile：// localhost / persistent＆＃39;这将转换为＆＃39; / storage / emulated / 0 /＆＃39;与phonegap，因为我在Android手机上使用它。我想在html页面中显示图像，但我不知道访问＆＃39; / storage / emulated / 0 /＆＃39;的链接。我试着链接＆＃39; file：///storage/emulated/0/img.png'但没有出现......任何想法？我还在考虑使用imagecache，但我担心使用它而不是我的方式会慢一些......

Answer 1

最后是由于其他错误。要显示内部图像存储/模拟/ 0 /＆＃39;使用phonegap：

<img src="cdvfile://localhost/persistent/img/photo-241x300.jpg" alt="">

效果很好。

Answer 2

就我而言，如果使用<img src="cdvfile://localhost/persistent/img/my-image.png" alt="">我会收到错误

拒绝加载图片＆＃39; cdvfile：//localhost/persistent/img/my-image.png'因为它违反了以下内容安全策略指令：＆＃39; img-src *＆＃39;。

要解决此问题，我将index.html更改为Content-security-policy更改为

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

我删除了规则default-src * gap://ready file:; img-src * data:;，现在我可以使用<img src="file:///data/user/0/MY-APP-ID/files/my-image.png">

警告：我的文件保存在cordova.file.dataDirectory

中

Phonegap使用路径显示图像＆cd; cdvfile：// localhost / persistent＆＃39;

2 个答案: