javascript - 链接到 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);

尝试这个