Question

我在这里有一些代码：

function cam(){
navigator.camera.getPicture(photoSave, onFail, { quality:
                            50});

}

function photoSave(imageURI) {
var imgFileName = imageURI.substr(imageURI.lastIndexOf('/')
                                  +1);
var imgPath = "tmp/" + imgFileName;
console.log(imgFileName);
var gotFileEntry = function(fileEntry) {
    alert("got image file entry: " +
          fileEntry.fullPath);
    var gotFileSystem = function(fileSystem){
        // copy the file
        fileEntry.copyTo(fileSystem.root, null,
                         copiedFile, fsFail);
    };
    // get file system to copy or move image file to
    window.requestFileSystem(LocalFileSystem.PERSISTENT,
                             0, gotFileSystem, fsFail);};

window.resolveLocalFileSystemURI(imageURI, gotFileEntry,
                                 fsFail);
}

function copiedFile(fileEntry) {
alert("copied file: " + fileEntry.fullPath);
var largeImage = document.getElementById('largeImage');

largeImage.style.display = 'block';
largeImage.src = fileEntry.toURI() + "?" + (new
                                            Date()).getTime();

imagepath = fileEntry.fullPath;
alert(imagepath);

}

// file system fail
function fsFail(error) {
console.log("failed with error code: " + error.code);
};

// camera fail
function onFail(message) {
alert('Failed because: ' + message);
}

我能够将相机拍摄的图像的文件路径（使用PhoneGap API）存储到我的数据库中。但是当我使用SELECT语句检索图像时，如何在HTML页面上将该文件路径显示为实际图像？通常我会做一个$（'选择器'）。val（行['somecolumn']）但是如何为图像做这个？感谢

编辑：在我的数据库行中，路径看起来像这样/cdv_photo_001.jpg，在我的HTML页面上，我的img标签的id为“largeImage”。我只是不知道如何从路径中获取实际图像并将其显示在该img标记中。希望这是有道理的。

Answer 1

尝试使用：

$('#largeImage').attr('src', row['rowname']);

这样您就可以将图像的src指定为数据库中的路径。然后图像将显示在页面上

从SQLite中检索和显示HTML页面上的图像 - JavaScript

1 个答案: