dropzone-meteor howto fire events

时间:2016-07-06 19:48:56

标签: meteor dropzone.js

我是Meteor的新手,我想了解一下它。因此我想构建一个页面,我可以通过meteor-dropzone上传图片。

上传正在使用meteor-uploads

现在我想要举办活动,例如' addedfile'或者'掉落'从dropzone发射一些新功能。

HTML页面配置文件2:

<template name="profile2">    
    <div class="ibox-content">                                 
       {{> dropzone url='http://localhost:3000/uploads' maxFilesize=5 addRemoveLinks=true acceptedFiles='image/*,jpg,jpeg,png' id='dropzoneDiv'}}
    </div>
</template name="profile2">  

在Profile2的JS文件中我写了这个:

Template.dropzone.events({
    'addedfile #dropzoneDiv': function(e, template){
        e.preventDefault();
        console.log("Hello");
    }
});

但是我没有在console.log输出中看到一些东西。

我确定我做错了什么。但我不知道问题或错误理解在哪里。 请有人帮帮我。

感谢。 迈克尔

2 个答案:

答案 0 :(得分:1)

尝试和错误后

。我找到了解决方案。也许有人可以向我解释。因为我完全不了解它,为什么它现在正在工作,但与普通的Meteor事件版本有很大不同。

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

这样的模板:     

<!-- Page heading -->
{{> pageHeading title='File upload' category='Forms' }}

<div class="wrapper wrapper-content animated fadeIn">
    <div class="row">
        <div class="col-lg-12">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>Dropzone Area</h5>
                    {{>iboxTools}}
                </div>
                <div class="ibox-content">

                    <!-- For more info about dropzone plugin see this: https://github.com/devonbarrett/meteor-dropzone/ -->
                    {{> dropzone url='/uploads' id='dropzoneDiv'}}
                </div>
            </div>
        </div>
    </div>

</div>
</template>

答案 1 :(得分:0)

尝试=OFFSET($A$1,CEILING((ROW()-1)/COUNTA($B$1:$F$1),1),0) 事件:

=VLOOKUP(H2,$A$2:$F$4,COUNTIF(H$2:H2,H2)+1,FALSE)