在IMG标签中设置从Cordova相机插件中检索的图像

Question

我正在尝试使用Apache Cordova摄像机API来显示从摄像机检索到的图像。我接到了摄像头的电话，可以点击图片。我得到的文件url为

file:///mnt/.....something.jpg

现在，我无法使用jQuery在现有图像标记中设置此图像。

我使用的代码是：

$("#img").attr("src", "data:image/jpeg;base64," + imageData);

其中 imageData 是相机成功回调的返回值。

Cordova图像功能的选项，我正在使用

目标类型 = 0;源类型 = 1;编码类型 = 0;

标签上没有出现任何图像。这里可能有什么问题？

Answer 1

这是一个关于如何工作的快速示例：

function changePhoto(){
        var cameraSuccess = function(imageURI){
            //add dummy param to disable caching
            var random = Math.floor(Math.random()*1000);
            var newImagePath = imageURI + "?dummy=" + random;
            $("#img").attr("src",newImagePath);
        };
        var cameraError = function(msg){
            alert(msg);
        };

        navigator.camera.getPicture( cameraSuccess, cameraError, { 
            quality: 50, 
            destinationType: Camera.DestinationType.FILE_URI,
            sourceType: Camera.PictureSourceType.PHOTOLIBRARY
        });
    },