Question

我遇到了一个问题，我不知道下一步该尝试什么。

在我的应用程序中，我为用户提供了选择照片或从图库中选择照片的选择。这部分工作正常，问题出现在保存\读取照片上。让我们从相机调用的角度来看这个。

function startCameraApp() {
    PhotoTaken = false;
    blackberry.event.addEventListener("onChildCardClosed", sharePhoto);

    blackberry.invoke.invoke({
        target: "sys.camera.card"
    }, onInvokeSuccess, onInvokeError);
}

在sharePhoto中我有以下代码......

function sharePhoto(request) {
    var image = new Image();
    image.src = "file://" + request.data;
    image.onload = function () {
        // Now here I need to read the image file and convert it into base64.
        var resized = resizeMe(image);  // the resizeMe function is given below and it simply makes my image smaller
        var imagedata = resized.split("base64,");
        sessionStorage.setItem("MyNewPicture", imagedata);
    }
}





function resizeMe(img) {

    var canvas = document.createElement('canvas');
    var max_width = 600;
    var max_height = 600;
    var width = img.width;
    var height = img.height;

    // calculate the width and height, constraining the proportions
    if (width > height) {
        if (width > max_width) {
            height = Math.round(height * max_width / width);
            width = max_width;
        }
    } else {
        if (height > max_height) {
            width = Math.round(width * max_height / height);
            height = max_height;
        }
    }

    //resize the canvas and draw the image data into it
    img.width = width;
    img.height = height;
    canvas.width = width;
    canvas.height = height;
    canvas.classname += "ui-hidden";
    var ctx = canvas.getContext("2d");
    ctx.drawImage(img, 0, 0, width, height);
    return canvas.toDataURL();
}

因此应用程序运行并拍摄照片，一切似乎都很好，但上传到本地存储的数据只是一个空白屏幕。它在黑莓10模拟器中100％工作，但不在我的设备上。在设备上它保存一个空字符串。

修改

确定。所以我把它添加到我的功能中用于测试目的，我仍然卡住了，我不知道该怎么做......

function sharePhoto(request) {
    var image = new Image();
    image.src = "file://" + request.data;
    image.onload = function () {
        // Now here I need to read the image file and convert it into base64.
        var resized = resizeMe(image);  // the resizeMe function is given below and it     simply makes my image smaller
        var imagedata = resized.split("base64,");

        alert(imagedata); // This returns a blank popup

        sessionStorage.setItem("MyNewPicture", imagedata);
    }
}

Answer 1

我相信当你使用split方法时它返回一个数组，所以你可以像这样访问它：

var resized = resizeMe(image);
var imagedata = resized.split("base64,");
    imagedata = imagedata[1]; // this gives you everything after the 'base64,' string

然而，我看到的主要问题是你要拆分imagedata字符串，这是从数据中删除整个'this is a image'前缀。

当您将图像数据显示为图像时，您需要拥有数据：image / jpeg; base64， 前缀也是。

所以说，你的图像来源是

data:image/jpeg;base64,<rest of base64 string here>

Answer 2

我需要在应用程序的config.xml中包含一个额外的元素。

<access subdomains="true" uri="file://accounts/"></access>
<access subdomains="true" uri="file://accounts/100/shared/camera/"></access>

这使您可以访问这些文件夹及其包含文件的应用程序。模拟器不需要此权限。

黑莓webworks 10使用图片拍摄\上传

2 个答案: