appgyver 类固醇图像处理 从捕获图像后

Question

我想知道是否有人试图使用类固醇应用程序拍摄图像，并通过api将其发布到后端？

我在他们自己的文档中发现的唯一关于图像处理的事情是如何捕获图像以及如何以base64编码保存它们，但是我如何使用base64编码的图像，并且是否可以通过api发布它们？

代码示例：

$ scope . start capture = function(){ navigator . Camera . get picture(on success，onFail，{ quality: 50，destinationType: Camera。destination type . DATA _ URL })；}

    function onSuccess(imageData) {
        var image = document.getElementById('myImage');
        image.src = "data:image/jpeg;base64," + imageData;
    }

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

Answer 1

我不能为此而邀功，因为我确定我是从Stack的某个地方得到这个信息的...我正在寻找一些不同的东西，但我看到了你的问题，我想我会分享我的发现。这在前端和后端使用超声波设置(类固醇、角度等):

`$范围。takePhoto=function（）{

var options = {
    quality: 90,
    allowEdit: true,
    targetWidth: 600,
    targetHeight: 1132,
    encodingType: "jpg",
    saveToPhotoAlbum: false,
    destinationType: "dataURL"
};

supersonic.media.camera.takePicture(options).then(function(result) {

    formData.append('file', result);

    $http({
            url: "http://YOURSERVER",
            method: "POST",
            transformRequest: angular.identity,
            headers: {
                'Content-Type': undefined
            },
            data: formData

        })
        .success(function(result) {
            //further logic
            supersonic.logger.info("Success!! Sent Photo ");
        }).
    error(function(data, status, headers, config) {
        supersonic.logger.info("Failure!  STATUS --- " + status);
        supersonic.logger.info("Failure!  DATA --- " + data);

    });



});

};

Answer 2

我不熟悉您的环境，希望我能正确理解您的问题，但是base64编码的图像只不过是一个字符串。您可以像使用物理图像一样使用它们，例如在样式表中，如下所示:

backround-image: url('data:image/jpeg;base64,AQFiEW=....');

要通过 HTTP 请求将此图像发送到 API，您可以将该值放在请求中，如以下简单示例 （jQuery） 所示。确保你发布它们，GET不能处理无穷大的数据长度（POST甚至不能，但它可以配置为2GB [在PHP中]），并且转换为base64的图像比原始图像具有更多的数据（即5%-10%）

$.ajax({
    url: '/api/action',
    type: 'POST',
    data: {'image': 'data:image/jpeg;base64,AQFiEW=....'}
}).done(function(msg){
    alert("Image send");
}).error(function(msg){
    alert("Image sending failed: " + msg);
});