整合與Ember

Question

cloudinary_js我使用灰燼-CLI

在這裏，我想用cloudinary_js

參照本link

圖像模型添加圖片上傳的功能，我的第一個燼應用程序的工作：

import DS from 'ember-data'; 
var attr = DS.attr; 

export default DS.Model.extend({ 
    imageUrl:   attr('string'), 
    thumbImageUrl: attr('string'), 
    standardImageUrl: attr('string'), 
    favourite:  attr('string'), 
    order:   attr('number') 
}); 

我已經使用bower添加了所需的js文件並將它們列在Brocfile.js中

作爲組分

app.import('vendor/jquery-ui/jquery-ui.js'); 
app.import('vendor/jquery.iframe-transport/jquery.iframe-transport.js'); 
app.import('vendor/blueimp-file-upload/js/jquery.fileupload.js'); 
app.import('vendor/cloudinary_js/js/jquery.cloudinary.js'); 

添加的文件領域：

import Ember from "ember"; 

export default Ember.View.extend({ 
    tagName: "input", 
    type: "file", 
    accept: "image/*", 
    class: "cloudinary-fileupload", 
    dataCloudinaryField: "image_id", 
    attributeBindings: [ "name", "type", "value", "class"], 
    change: function() { 
    } 
}); 

我在這裏堅持，在指定cloudinary（雲名和API密鑰）的配置？

任何人都可以請幫助我與使用ember-cli的餘燼cloudinary集成的詳細步驟。

謝謝。

Answer 1

你會想要一個初始化程序，設置cloud_name和api_key屬性。我會把這個代碼放在app/initializers/cloudinary.js。

export default { 
    name: 'cloudinary', 

    initialize: function() { 
    $.cloudinary.config({ 
     cloud_name: 'MYCLOUD', 
     api_key: 'MYKEY' 
    }); 
    } 
}; 

前幾天我寫了一篇關於how to integrate cloudinary_js and Ember的詳細博文。有一個example app使用了ember-cli，並展示瞭如何配置Cloudinary以及你需要啓動並運行的所有東西。有一些棘手的部分讓整體工作，所以我建議檢查一下，如果你在配置設置權限後被絆倒。