Meteor:使用Dropzone上传文件

时间:2017-08-19 16:02:46

标签: meteor file-upload dropzone.js

我在项目中添加了dropzone并添加了以下代码:

if (Meteor.isServer) {
    Meteor.startup(function () {
      UploadServer.init({
      tmpDir: process.env.PWD + '/public/uploads',
      uploadDir: process.env.PWD + '/public/uploads',
      checkCreateDirectories: true,
      uploadUrl: '/upload'
   });
  });
}

在模板中:

<form id="add-project">
  <div class="form-group">
    <label for="title">Project Title</label>
    <input type="text" class="form-control required" id="title" 
     name="projectTitle" placeholder="Project Title">
  </div>                                
  <div class="form-group">
    <label for="upload">Upload Files</label>                                    
    {{>dropzone url="/upload" id="template-helper"}}
  </div>                                
  <div class="form-group">                                                                
    <button type="submit" class="btn btn-primary btn-block">Submit</button>
  </div>
</form>

如何在提交表单时提交dropzone数据到我的收藏中以及如何检索它们?

是否有可用于dropzone的自定义(裁剪图像,生成不同大小的缩略图)选项?

1 个答案:

答案 0 :(得分:0)

对于自定义,您可以使用dropzone事件

Dropzone.options.myAwesomeDropzone = {
  init: function() {
    this.on("addedfile", function(file) { alert("Added file."); });
  }
};

在回调中你可以使用其他第三方库来完成你想要的。或者您可以直接在meteor-uploads服务器中使用它。

但是对于数据,因为meteor-uplaoads不再适用于最新版本的meteor,因为meteor关闭了写入权限,我建议你改用https://github.com/VeliovGroup/Meteor-Files