Ионная загрузка изображения на сервер

Question

Мне нужно загрузить изображение с изображениями и альбомами на сервер в ионном приложении. Кто-нибудь знает, как это сделать? Я просто свежую в разработке ионного приложения

Answer 1

Не совсем понятно, что вы имеете в виду, загрузив изображение на сервер с помощью ионного приложения.

Возможно, предложение состоит в том, чтобы преобразовать изображение в строку Base64 и отправить его на сервер.

Answer 2

Я использую cordova imagepicker (выберите изображение с камеры) и загрузите на сервер s3.

function getImageFromGallery(cb) { 
 
    // console.log('getImageFromGallery'); 
 
    var options = { 
 
     maximumImagesCount: 1, 
 
     width: 1280, //width of image 
 
     height: 1280, // height of image 
 
     quality: 80 
 
    }; 
 
    $cordovaImagePicker.getPictures(options) 
 
     .then(function(results) { 
 
      console.log(results); 
 
     }, function(error) { 
 
      alert(error); 
 
     }); 
 
} 
 
    
 
    function uploadImage(imageDataURI) { 
 
     // console.log('uploadImage'); 
 
     var fileURL = imageDataURI; 
 
     var options = new FileUploadOptions(); 
 
     options.fileKey = "image"; 
 
     options.fileName = fileURL.substr(fileURL.lastIndexOf('/') + 1); 
 
     options.chunkedMode = true; 
 
     options.method = 'POST'; 
 
     var params = { 
 
      'image_type': 'food' 
 
     }; 
 
     options.params = params; 
 

 
     var ft = new FileTransfer(); 
 
     ft.upload(fileURL, encodeURI("http://xxx.in/api/upload_image"), 
 
      viewUploadedPictures, 
 
      function(error) { 
 
       console.log(error); 
 
      }, options); 
 
     console.log('success'); 
 
    } 
 
var viewUploadedPictures = function(response) { 
 
    var res = response.response; 
 
    var jres = JSON.parse(res); 
 
    var imgUrl = jres.data.public_photo_url; 
 
    console.log('new image url link', imgUrl); 
 
}

Примечание: - Я использую REST API для загрузки изображения "http://xxx.in/api/upload_image" * * Dependency Injection $ загрузить * *