链接到SD卡PhoneGap中的图像

Question

我在android“mnt / sdcard / offlineImages”文件夹中有一个已保存的图像。该图像名为img_0.jpg。

现在我想通过javascript在html页面上显示这个图像。

我尝试了以下两种情况。

案例有效。

html
<img id="anImg" />

javaScript
document.getElementById('anImg').src = "file:///mnt/sdcard/offlineImages/img_0.jpg";

案例二，哪些不起作用。

html
<div id="img_wrap"></div>

javascript
var anImg = new Image();
anImg.src = "file:///mnt/sdcard/offlineImages/img_0.jpg";
document.getElementById("img_wrap").appendChild(anImg);

Answer 1

var anImg= document.createElement('img');
anImg.src = "file:///mnt/sdcard/offlineImages/img_0.jpg"; 
anImg.width="200px"; // consider adding width
anImg.height="150px";  // consider adding height
document.getElementById("img_wrap").appendChild(anImg);

试试这个