Как получить объект изображения с помощью Cordova?

При использовании use getPicture мы получаем либо относительный URL, либо base64image. Но я хочу отправить объект изображения в Amazon S3. Во всяком случае, чтобы сделать это?

Вот как я получаю изображение base64

// A button will call this function
//
function capturePhoto() {
    // Take picture using device camera and retrieve image as base64-encoded string
    navigator.camera.getPicture(onPhotoDataSuccess, onFail, {
        destinationType: Camera.DestinationType.DATA_URL, 
        quality: 50
    });
}

[ОБНОВЛЕНИЕ] Теперь мне нужно получить изображение как объект, преобразовать его в массив байтов и загрузить в Amazon S3 с помощью вызова REST (PUT).


cordova image-capture
person Sumit Sahoo    schedule 02.10.2014    source источник

Ответы (2)


arrow_upward
5
arrow_downward

что вы можете

исходный код камеры/изображения

HTML

<!DOCTYPE html>

<html>
<head>
    <meta charset="utf-8">
    <meta content="telephone=no" name="format-detection">
    <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 -->
    <meta content=
    "user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi"
    name="viewport">
    <script src="cordova.js" type="text/javascript"></script>
    <script src="js/index.js" type="text/javascript"></script>
    <title>Camera Cordova Plugin</title>
</head>

<body>
    <button onclick="capturePhoto();">Capture Photo</button><br>
    <button onclick="getPhoto(pictureSource.PHOTOLIBRARY);">From Photo
    Library</button><br>
    <img id="image" src="" style="display:none;width:100%;">
</body>
</html>

js

function onPhotoDataSuccess(imageURI) {
    // Uncomment to view the base64-encoded image data
    console.log(imageURI);
    // Get image handle
    //
    var cameraImage = document.getElementById('image');
    // Unhide image elements
    //
    cameraImage.style.display = 'block';
    // Show the captured photo
    // The inline CSS rules are used to resize the image
    //
    cameraImage.src = imageURI;
}

function capturePhoto() {
    // Retrieve image file location from specified source
    navigator.camera.getPicture(onPhotoDataSuccess, onFail, {
        quality: 30,
        targetWidth: 600,
        targetHeight: 600,
        destinationType: destinationType.FILE_URI,
        saveToPhotoAlbum: true
    });
}

исходный код передачи файлов

js

function upload() {
    var img = document.getElementById('image');
    var imageURI = img.src;
    var options = new FileUploadOptions();
    options.fileKey = "file";
    options.fileName = imageURI.substr(imageURI.lastIndexOf('/') + 1);
    options.mimeType = "image/jpeg";
    var params = new Object();
    options.params = params;
    options.chunkedMode = false;
    var ft = new FileTransfer();
    ft.upload(imageURI, "https://www.example.com/upload.php", win, fail,
        options);
}

function win(r) {
    console.log("Code = " + r.responseCode);
    console.log("Response = " + r.response);
    console.log("Sent = " + r.bytesSent);
}

function fail(error) {
    alert("An error has occurred: Code = " + error.code);
    console.log("upload error source " + error.source);
    console.log("upload error target " + error.target);
}

php

<?php
move_uploaded_file($_FILES["file"]["tmp_name"], '/path/to/file');

Рекомендации:

http://blog.revivalx.com/2014/05/03/tutorial-camera-cordova-plugin-for-ios-and-android/ http://blog.revivalx.com/2014/07/12/upload-image-использование-передачи-файлов-кордова-плагин-для-ios-и-андроид/

person Mohammad Nurdin    schedule 02.10.2014
comment
Большое спасибо. Я это попробую :-) - person Sumit Sahoo; 02.10.2014
comment
Я попробовал это, но обнаружил, что требуется получить объект изображения и преобразовать его в массив байтов, а затем загрузить как вызов REST (PUT). Благодаря вашей помощи я изменил свой код, чтобы иметь URL-адрес и сохранить изображение в галерее. Теперь мне нужно каким-то образом преобразовать его в объект и вызвать службу REST. - person Sumit Sahoo; 03.10.2014
comment
Я прошел через код, и после получения URL-адреса изображения я создаю объект изображения и устанавливаю src. Теперь мне нужно преобразовать его в массив байтов, поскольку вызов REST загрузки ожидает, что изображение будет в массиве байтов. Так вот где я сейчас застрял. Любая идея о преобразовании массива байтов? Большое спасибо за помощь. - person Sumit Sahoo; 03.10.2014
comment
вы можете использовать base64 для загрузки в вашу базу данных - person Mohammad Nurdin; 03.10.2014

arrow_upward
0
arrow_downward

Точно так же вы также можете загрузить byteStream в тег изображения.

      function(success) { // Assuming you are sending the bytestream from the code

         var img  = document.getElementById('image');
         img.src = 'data:image/png;base64,' + success.bytestream;
       }
person Puneet Akhouri    schedule 25.11.2014