Meteor: Cloudinary

Question

Ich versuche, ein Foto mit Lepozepo/cloudinary

Dies ist mein Server und Client Config

Server hochladen:

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

Client:

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

Ich habe versucht, das Bild mit einer Form

HTML-Formular-Code zu laden:

<form> 
    <input type="file" id="userimage" name="userimage"/> 
    <button type="submit">Upload</button> 
</form> 

Und das ist mein das ist das Ereignis für die Vorlage

Template.signup.events({ 
    // Submit signup form event 
    'submit form': function(e, t){ 
     // Prevent default actions 
     e.preventDefault(); 

    var file = $('#userimage')[0].files[0]; 
    console.log(file) 
    Cloudinary.upload(file, function(err, res) { 
      console.log("Upload Error: " + err); 
      console.log("Upload Result: " + res); 
     }); 
    }  
}); 

Wenn ich Upload-Button nichts klicken Sie passieren, ich habe gerade einen Fehler

error: uncaught TypeError: Failed to execute 'readAsDataURL' on `'FileReader': parameter 1 is not of type 'Blob'.` 

Was kann ich tun, damit dies funktioniert?

Answer 1

Ich finde einen Weg, um es zu lösen.

1. Lepozepo/cloudinary Cloudinary.upload Methodendatei Parameter ist ein Array, ich fügen Sie einfach diesen Code:

   var files = [] 
   var file = $('#userimage')[0].files[0]; 
   files.push(file) 
   console.log(files) 
   

Und es funktionieren

Answer 2

Bitte verwenden Sie "_upload_file" statt " hochladen". "_upload_file" wird tatsächlich in "upload" verwendet. Aber irgendwie können Sie Fehler und Antwort nicht erfassen, wenn Sie "Upload" verwenden

Sie können Fehler und Antwort fangen.

Meteor Version: 1.1.0.3

lepozepo: cloudinary: 1.0.2

Cloudinary._upload_file(files[0], {}, function(err, res) { 
    if (err){ 
    console.log(err); 
    return; 
    } 
    console.log(res); 
}); 

Answer 3

Ich werde das jetzt in der Quelle Patch als auch einzelne Dateien zu akzeptieren. Aber ja, die Cloudinary.upload Funktion erwartet Cloudinary.upload(files) und nicht Cloudinary.upload(files[n])