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

Question

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

文件:///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
        });
    },