如何检索云餐厅上传的图像并删除它们？

Question

使用lepozepo：：cloudinary软件包在Meteor应用程序上实现图像上传作为配置文件图片。因此，每个用户都有一个配置文件图像。上传一个新的将取代这张照片。同样，删除它将删除唯一上传的图片。

所以我的问题是：

• 我需要一个集合来存储图像吗？我更喜欢上传到云端并获取基于userId的URL来显示它。
• 一旦上传图片，我如何有一个{#如果图像}然后显示上传的图片，如果没有显示默认图片？
• 我觉得上传的东西层出不穷。是否有任何方法，我可以指定最多上传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

我想你对流星很熟悉吧

• 我需要一个集合来存储图像吗？我更喜欢上传到云端并获取基于userId的URL来显示它。

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

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

如果您决定将图像存储在集合( User for ex )中，那么上传后需要将结果插入/更新到该集合中。然后，反应性应该解决这个问题(当然，您必须订阅并检索image助手内部的值)。

• 我觉得上传的东西层出不穷。是否有任何方法，我可以指定最多上传1张图片。如果上传另一个，那么它会取代现有的吗？

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

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

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