javascript - Meteor 和 Cloudinary - 回调未触发

Question

尝试将 Cloudinary 添加到我的 Meteor 应用程序中。

图像未到达 Cloudinary 媒体库，并且上传函数回调未触发。我知道以前曾出现过问题，但我所做的一切似乎都无济于事:

https://github.com/Lepozepo/cloudinary/issues/21

Meteor: Cloudinary

How to integrate Cloudinary with Meteor

Template.commentSubmit.events({
    'submit form': function(e, template) {
    e.preventDefault();

    var image = Session.get('photo'); // get image from mdg:camera
    //console.log(image);

    Cloudinary.upload(image, function(err, res) {
      if (err){
        console.log("Error: " + err);
        return;
      }
      console.log("Success: " + res);
    });

// code adding comment and image to mongodb

});

服务器:

Cloudinary.config({
  cloud_name: '****',
  api_key: '****',
  api_secret: '*****'
});

客户:

$.cloudinary.config({
  cloud_name: "******"
});

如果我手动将图像上传到 Cloudinary 仪表板，它会毫无问题地显示图像。使用最新版本的 Meteor 和 lepozepo:cloudinary

任何和所有帮助/建议表示赞赏! :)

更新 - 可以使用它:

var image = Session.get('photo');

if(image){ // check if post also includes image
  var files = [];
  files.push(dataURLtoBlob(image));

  let options = {
    folder: "app",
    image_metadata: true
  };

  var imageURL = ""; // loading gif

  Cloudinary.upload(files, options, function(err, res) {

      if (err){
        console.log("Error: " + err);
        return;
      }
      //console.log(res);
      imageURL = res.secure_url;
      //console.log(imageURL);

  });

}

Answer 1

我遇到了同样的问题，并通过使用该包的早期版本“解决”了它。我的 .meteor/packages 现在有这个:

lepozepo:cloudinary@=4.2.2

更新:

我没有使用 mdg:camera 来获取数据，只是一个简单的输入。在桌面上，它呈现文件浏览器。在 iOS 上，它显示“拍照/从库中选择”面板。 (它也适用于 Android)。

代码如下所示:

html:

<input type="file" id="upload-image" class="file_bag" accept="image/*">

js:

'change #upload-image': function(event, template) {
    event.preventDefault();

    let files = $('input.file_bag')[0].files;

    let options = {
        folder: Meteor.userId(),
        image_metadata: true
    };

    Cloudinary.upload(files, options, function(error, result) {
        console.log(result.public_id);
    });
}