ember.js - 将 cloudinary_js 与 ember 集成

Question

我正在使用 Ember-cli 开发我的第一个 ember 应用程序

在这里我想使用 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 key )？

任何人都可以帮助我使用 ember-cli 与 ember 集成 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 以及启动和运行它所需的一切。有一些棘手的部分让整个事情正常工作，所以我建议你检查一下，如果你在配置设置正确后被绊倒了。