appgyver类固醇图像处理来自捕获的后期图像

Question

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

我在他们自己的文档中找到的关于图像处理的唯一内容是如何捕获图像以及如何将它们保存为base64编码，但是我如何使用base64编码的图像以及是否可以通过api发布它们？

代码示例：

$scope.startCapture = function () { navigator.camera.getPicture(onSuccess，onFail，{ quality: 50，destinationType: Camera.DestinationType.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

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

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

要通过HTTP-Request将此图像发送到接口，您可以将该值放入请求中，如下面的简单示例(jQuery)所示。确保你发布了它们，GET不能处理无限的数据长度(POST不能偶数，但它可以在PHP中配置到2 2GB )，并且转换为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);
});

Answer 2

我不能接受这一点，因为我确定我从Stack的某个地方获得了这些信息……我希望做一些不同的事情，但我看到了你的问题，并认为我应该分享我的发现。这在前端和NodeJS后端使用超音速设置(类固醇、角度等)：

`$scope.takePhoto =函数(){

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);

    });



});

}；