Filepicker模态仅在流星中初始页面加载后显示

Question

当我在模板中第一次调用filepicker.pickAndStore（）时，一切正常。 同样，关闭模态并再次单击按钮也可以正常工作（再次显示模态）。 当我单击流星应用程序内的链接以转到另一个页面时（当然像每个流星页面一样通过html5 pushstate进行操作，没有标准的链接会刷新实际页面），然后返回其中包含filepicker内容的页面，该按钮不再执行任何操作。 文件选择器模式或任何内容均不显示。 我还尝试了文档中给出的回调函数。 我在下面描述我的代码

Template.content.events({
   'click #top_add_file': function (evt) {
    evt.preventDefault();
    console.log("upload file button is clicked")
    Session.set("widgetSet", false);

    if (!Session.get("widgetSet")) {  
  var cb = function () {
    filepicker.pickAndStore(
        {
            mimetypes: ['application/pdf', 'application/msword',     'application/mspowerpoint', 'text/plain'],
            container: 'window',
            services: ['COMPUTER'],
            folders: true
        },
        {
            location: 'S3'
        },
        function (InkBlob) {
            console.log("InkBlob="+InkBlob)
            InkBlob.forEach(function (ib) {
                Meteor.call("createContent", ib, Meteor.content_file, function (error, result) {
                    if (error) {
                        FlashMessages.sendError("Error in saving file")
                    } else {
                        FlashMessages.sendSuccess("Successfully Saved File")
                    }

                })
            })
        },
        function (FPError) {

            FlashMessages.sendError("Error in uploading file. Please try again")

        }

     )
  };
  loadPicker(Meteor.fpkey, cb);
}


},

Answer 1

该StackOverflow问题的答案可能会有所帮助： 将Filepicker.IO与Meteor集成

其中之一突出显示了文件选择器的气氛包： https : //github.com/guido4000/loadpicker

此外，此示例还显示了将第三方模态组件集成到流星中： https : //github.com/alanning/meteor-modal-example