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

时间:2013-12-11 08:02:10

标签: javascript jquery meteor filepicker.io meteorite

当我第一次在模板中调用filepicker.pickAndStore()时,一切正常。同时关闭模态并再次单击按钮工作正常(再次显示模态)。当我点击我的流星应用程序中的链接到达另一个页面时(当然通过html5 pushstate就像在每个流星页面上,没有标准链接与真实页面刷新)然后返回到页面中带有filepicker的东西,按钮不再做任何事了。不显示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);
}


},

1 个答案:

答案 0 :(得分:0)

此StackOverflow问题的答案可能会有所帮助:   Integrating Filepicker.IO with Meteor

其中一个突出显示了filepicker的氛围包:   https://github.com/guido4000/loadpicker

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