将cloudinary_js与ember集成

swati 发表于 Dev

斯瓦蒂

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

在这里我想使用cloudinary_js添加图像上传功能

引用此链接

图片模型：

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与ember进行云端集成的详细步骤，请帮助我。

谢谢。

彼得·布朗

您将需要一个用于设置cloud_name和api_key属性的初始化程序。我会将这段代码放在app / initializers / cloudinary.js中。

export default {
  name: 'cloudinary',

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

几天前，我写了一篇详细的博客文章，介绍如何集成cloudinary_js和Ember。有一个使用ember-cli的示例应用程序，显示了如何配置Cloudinary以及启动和运行它所需的一切。要使整个程序正常工作，有些棘手的部分，因此，我建议您检查一下是否在配置设置正确之后就被绊倒了。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。