Качване на изображение в S3 чрез phonegap, как да?

Опитвам се да направя изображение на S3, но не успявам... Ето работата ми досега

$cordovaCamera.getPicture(options).then(function(imageURI) {
  // imageURI will be something like: file:///some_path

  // get the base64 data from the image
  var img = Utils.encodeImageUri(imageURI);

  // get the base64 from a new image, not sure if this is needed
  var image = new Image();
  image.src = img;


  Utils.uploadToS3(image.src);
}, function(err) {})

...

// boilerplate function to create a Blob
dataURItoBlob: function(dataURI) {
  var binary = atob(dataURI.split(',')[1]);
  var array = [];
  for (var i = 0; i < binary.length; i++) {
    array.push(binary.charCodeAt(i));
  }

  var mimeString = dataURI.split(',')[0].split(':')[1].split(';')[0];
  return new Blob([new Uint8Array(array)], {
    type: mimeString
  });
},


// the actual upload
uploadToS3: function(imageData) {
  var imgData = this.getImgData(imageData); // will return Object {extension: "jpg", type: "image/jpeg"}
  var data    = this.dataURItoBlob(imageData);

  AWS.config.update({accessKeyId: accessKey, secretAccessKey: secretKey});
  var bucket = new AWS.S3({params:{Bucket: 'testbucket'}});

  var params = {
    Key: 'main.' + imgData.extension,
    Body: data,
    ContentEncoding: 'base64',
    ContentType: imgData.type
  };

  bucket.upload(params, function(err, data) {
    console.log(data.Location); // this will be the path to my image on s3
  });
}

Всичко, което правя, е просто да взема base64 данните от изображението, да създавам Blob и да го изпращам на amazon

Получавам изображение в кофата, така че изпращането на данните работи, но изображението е или черно, или понякога счупено

Някакви идеи?


cordova javascript amazon-s3 image-uploading phonegap-plugins
person Patrioticcow    schedule 05.08.2015    source източник
comment
защо не пробваш с приставката за прехвърляне на файлове? gist.github.com/devgeeks/4156546   -  person jcesarmobile    schedule 06.08.2015
comment
наистина бих искал да разбера какво правя грешно с моя код сега   -  person Patrioticcow    schedule 06.08.2015

Отговори (1)


arrow_upward
2
arrow_downward

Най-накрая.. ето моето решение.

По принцип destinationType трябва да бъде Camera.DestinationType.DATA_URL

Това ще върне imageData като кодирани данни.

След това изпратете това на S3, но добавете data:image/jpeg;base64,, така че S3 да разбере какво се случва

вижте пълния код по-долу:

  var options = {
    destinationType: Camera.DestinationType.DATA_URL, // this needs to be DATA_URL 
    sourceType: Camera.PictureSourceType.PHOTOLIBRARY // i am getting this image from the library. Use CAMERA if you wnat to take a pic
  };

  $cordovaCamera.getPicture(options).then(function(imageData) {
    // make sure the imageData is base64 encoded
    Utils.uploadToS3('data:image/jpeg;base64,' + imageData);

  }, function(err) {
    console.log(err);
  })

...

uploadToS3: function(imageData) {
  var imgData = this.getImgData(imageData); // or just hardcode {extension: "jpg", type: "image/jpeg"} if you only want jpg
  var key = 'SOME_IMAGE_NAME.' + imgData.extension; // bucket path after BUCKET_NAME

  AWS.config.update({
    accessKeyId: ACCESS_KEY_HERE,
    secretAccessKey: SECRET_ACCESS_KEY_HERE
  });

  var bucket = new AWS.S3({params: {Bucket: 'BUCKET_NAME_HERE'}});
  var params = {
    Key: key,
    Body: imageData,
    ContentEncoding: 'base64',
    ContentType: imgData.type
  };

  bucket.upload(params, function(err, data) {
    if (err) {
      console.log(err);
    } else {
      //data.Location is your s3 image path
    }
  });
}

... helpers ...

  getImgData: function(img) {
    var extension = 'jpg';
    var type = 'image/jpeg';
    var base64result = img.split(',')[0];
    if (base64result.indexOf("png") > -1) {
      extension = 'png';
      type = 'image/png';
    }

    return {
      extension: extension,
      type: type
    };
  },
person Patrioticcow    schedule 07.08.2015
comment
За да спестите бъдещите читатели от необходимостта да различават вашите кодови фрагменти, можете ли да обясните ключовите промени? И след това маркирайте отговора си като правилен. - person jarmod; 07.08.2015