流星上传自定义模板回调
meteor-upload custom template callback
使用 meteor-uploads 包的内置 bootstrap 模板,有一种方便的方法可以在上传完成时进行特定于模板的回调
<template name="home">
{{> upload_bootstrap callbacks=myCallbacks }}
</template>`
和
Template.home.helpers({
myCallbacks: function() {
return {
finished: function(index, fileInfo, context) { ... },
...
}
}
})
但对于我来说,在定义自定义模板时我无法弄清楚如何做同样的事情 described here :
<template name="customUpload">
<form method="POST" enctype="multipart/form-data">
<input type="file" class="jqUploadclass" data-form-data='{{ submitData }}'>
{{#with infoLabel}}
{{ infoLabel}} <button class="start">StartUpload</button>
<div style="width: 200px; height: 30px; border: 1px solid black">
<div style="background: red; height: 30px; width: {{ progress }}">
{{ progress }}
</div>
</div>
{{/with}}
</form>
</template>
有人可以帮助我了解如何在上传完成后从自定义模板 运行 myCallbacks 函数吗?
(比如根据调用上传器的模板将 fileInfo 添加到不同的集合)
这对我有用:
HTML:
<template name="myContainerTemplate">
{{> customUpload multiple=true callbacks=myCallbacks}}
</template>
JavaScript:
Template.myContainerTemplate.helpers({
myCallbacks: function() {
return {
finished: function(index, fileInfo, context) { ... },
...
}
}
});
您必须将助手附加到父模板。
使用 meteor-uploads 包的内置 bootstrap 模板,有一种方便的方法可以在上传完成时进行特定于模板的回调
<template name="home">
{{> upload_bootstrap callbacks=myCallbacks }}
</template>`
和
Template.home.helpers({
myCallbacks: function() {
return {
finished: function(index, fileInfo, context) { ... },
...
}
}
})
但对于我来说,在定义自定义模板时我无法弄清楚如何做同样的事情 described here :
<template name="customUpload">
<form method="POST" enctype="multipart/form-data">
<input type="file" class="jqUploadclass" data-form-data='{{ submitData }}'>
{{#with infoLabel}}
{{ infoLabel}} <button class="start">StartUpload</button>
<div style="width: 200px; height: 30px; border: 1px solid black">
<div style="background: red; height: 30px; width: {{ progress }}">
{{ progress }}
</div>
</div>
{{/with}}
</form>
</template>
有人可以帮助我了解如何在上传完成后从自定义模板 运行 myCallbacks 函数吗?
(比如根据调用上传器的模板将 fileInfo 添加到不同的集合)
这对我有用:
HTML:
<template name="myContainerTemplate">
{{> customUpload multiple=true callbacks=myCallbacks}}
</template>
JavaScript:
Template.myContainerTemplate.helpers({
myCallbacks: function() {
return {
finished: function(index, fileInfo, context) { ... },
...
}
}
});
您必须将助手附加到父模板。