Как интегрировать Cloudinary с Метеор

Question

Я хочу, чтобы пользователям загружать фотографии для своего профиля, и я хочу, чтобы показать их фото на навигационной панели, когда они вошли в

Эти инструкции по lepozepo:. Cloudinary пакет (Я открыт для других альтернатив):

Шаг 1

SERVER

Cloudinary.config 
    cloud_name: 'cloud_name' 
    api_key: '1237419' 
    api_secret: 'asdf24adsfjk' 

КЛИЕНТ

$.cloudinary.config 
    cloud_name:"cloud_name" 

Шаг 2

провода вверх ваш вход [тип = "файл"]. СТОРОНА КЛИЕНТА.

Template.yourtemplate.events 
    "change input[type='file']": (e) -> 
     files = e.currentTarget.files 

     Cloudinary.upload files, 
      folder:"secret" # optional parameters described in http://cloudinary.com/documentation/upload_images#remote_upload 
      (err,res) -> #optional callback, you can catch with the Cloudinary collection as well 
       console.log "Upload Error: #{err}" 
       console.log "Upload Result: #{res}" 

Для каждого шага я не уверен, где разместить код. Например, я не знаю, куда я должен поставить Cloudinary.config. Где на сервере?

Title 
client 
    -helpers 
    config.js 
    -stylesheets 
    -templates 
    profile 
     profile.html 
     profile.js 
    -main.html 
    -main.js 
lib 
    -collections 


server 
    -config 
    *cloudinary.js 
    -fixtures.js 
    -publications.js 

cloudinary.js

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

profile.html

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

profile.js

Template.profile.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); 
     }); 
    } 
}); 

Answer 1

позвольте мне помочь вам.

Я предполагаю, что вы проецируете структуру что-то вроде:

/main 
    /client 
     client.js 
    /server 
     server.js 

Ok, lepozepo: cloudinary написано в coffescript, но вы можете использовать его с ванилью JavaScript, так и с структура папок показано выше, вы можете используйте следующий код:

client.js 
$.cloudinary.config({ 
cloud_name: "yourname" 
}); 

sometemplateveent({ 
    .... some event code 
    Cloudinary.upload(files,{}, function(err, img) { 
    ... do something when uploaded 
    }); 

});  

а затем.

server.js 

Cloudinary.config({ 
cloud_name: 'yourname', 
api_key: 'somekey', 
api_secret: 'someapisecret' 
}); 

Если вам нужна помощь с представить события + загрузить изображение, которое вы можете прочитать этот пост: Meteor: Cloudinary