如何在 ionic 2 中的 cloudinary 上上传图像？答案

【问题标题】：How to upload images on cloudinary in ionic 2?如何在 ionic 2 中的 cloudinary 上上传图像？
【发布时间】：2017-09-15 17:01:05
【问题描述】：

我想在 ionic2 中上传来自 cloudinary 的图片。我认为使用 cloudinary 更有吸引力。但是，我不知道如何将这个框架与 ionic 2 一起使用。你能给我一个简单的例子吗？

【问题讨论】：

标签： angular ionic-framework ionic2 cloudinary

【解决方案1】：

Cloudinary 提供了很好的 Angular SDK，你可以使用它。 1.安装相关Angular版本的Javascript SDK和Angular SDK

Cloudinary Angular SDK 充当 Cloudinary Javascript 库之上的一层。安装 Cloudinary Javascript 库和相关版本的 Angular SDK，格式为：

npm install cloudinary-core @cloudinary/angular- --save ：输入与您使用的 Angular 版本对应的 Angular SDK 包，例如 2.x、4.x 或 5.x。例如：

npm install cloudinary-core @cloudinary/angular-5.x --save.... 了解更多信息click here

Cloudinary 团队的另一个非常简单的实现：click here

或者如果您只想使用本机文件传输插件，请使用：我认为这个链接会帮助你http://www.developerslearnit.com/2016/11/build-photo-gallery-app-with-ionic2.html

使用文件传输插件完成。

fileTransfer.upload(this.imageNewPath, 'yourUrlHere',
      options).then((entry) => {
        this.imagePath = '';
        this.imageChosen = 0;
        loader.dismiss();
        this.navCtrl.setRoot(HomePage);
      }, (err) => {
        alert(JSON.stringify(err));
      });

另一个很好的例子是https://devdactic.com/ionic-2-images/ 此示例可用于上传到任何文件托管服务器。

【讨论】：