如何检索 Cloudinery 上传的图像并将其删除？

Question

情况：我使用 lepozepo:cloudinary 包在 Meteor 应用上将图片上传为个人资料图片。所以每个用户都有 1 个个人资料图像。上传新照片将替换照片。同样，删除它会删除唯一上传的图片。

所以我的问题是：

• 我是否需要一个集合来存储图像？我更喜欢 上传到云端，根据userId获取URL展示。
• 上传图片后，我如何有一个{{#if image}}然后显示上传的图片，如果没有显示默认图片？
• 我认为上传会不断叠加。有什么方法可以指定最大上传 1 张图片。如果上传另一个，那么它将取代现有的？
• 然后如何只显示最新上传的图片？

代码。 ** config.js 在服务器和客户端上都设置好了。

1) profile.js

Template.profile.events({
   'submit form': function(e, t) { 
      e.preventDefault(); 

      var files = [];
      var file = $('#userimage')[0].files[0]; 
      files.push(file);
      console.log(files);

      Cloudinary._upload(files[0], {}, function(err, res) {
         if (err){
            console.log("Error: " + err);
         } else {
            console.log("Success :" + res);
         }
      }); 

   }

});

2) profile.html

  <form>
     <input type="file" id="userimage" name="userimage" class='upload_field cloudinary_fileupload' />
        <div class="progress_bar" style='background-color: red, height: 20px'>
        <div class='thumbnails'></div>
     <button type="submit"> Upload </button>
     <button type="delete"> Clear </button>
  </form>

Answer 1

我想你对 Meteor 很熟悉：

• 我是否需要一个集合来存储图像？我更喜欢上传到云端并根据 userId 获取 URL 以显示它。

您肯定需要将结果存储在您的数据库中，因为这是用户的头像，一个用户只有一个头像。所以我建议将其存储在User 集合中

• 上传图片后，我如何有一个{{#if image}}然后显示上传的图片，如果没有显示默认图片？

如果您决定将图像存储在集合中，例如User，那么在上传后您需要将结果插入/更新到该集合。那么响应式应该可以解决问题（当然你必须订阅并检索image helper 中的值）

• 我认为上传会不断叠加。有什么方法可以指定最大上传 1 张图片。如果上传另一个，那么它将取代现有的？

我不太明白这个问题，但您可以在上传过程未完成时禁用更新表单

• 然后如何只显示最新上传的图片？

上传后，只需将最新结果更新到您的数据库。