我在这里使用jsfiddle示例,其中使用了Kloudless API。链接Kloudless API in Javascript

将下面的代码与jsfiddle代码一起使用,我将其放置在渲染的模板上,但遗憾的是它不起作用

Template.kloudless.rendered = function() {
     var explorer = window.Kloudless.explorer({
         app_id: 'iCZ_ICMy43H0NSoz0QbLvmyjzCHf2frAOPaBfWVgh9_vrFIM',
         multiselect: true,
         computer: true
     });

    explorer.on('success', function(files) {
        $("#file-info > pre").replaceWith('<pre>' + JSON.stringify(files, null, 2) + '</pre>');
    });

    explorer.choosify($('#chooser'));

    var files = [{
        url: "https://s3-us-west-2.amazonaws.com/static-assets.kloudless.com/static/logo_white.png",
        name: "kloudless-logo.png"
    }];

    explorer.savify($("#saver"), files);
}


如果我按如下所示放置代码,它将起作用。有没有办法像下面的代码那样以更流星的方式编写代码?

<header>
    <title>myapp</title>
    <script type="text/javascript">
        var explorer = window.Kloudless.explorer({
            app_id: 'iCZ_ICMy43H0NSoz0QbLvmyjzCHf2frAOPaBfWVgh9_vrFIM',
            multiselect: true,
            computer: true
        });

        explorer.on('success', function(files) {
            $("#file-info > pre").replaceWith('<pre>' + JSON.stringify(files, null, 2) + '</pre>');
        });

        explorer.choosify($('#chooser'));

        var files = [{
            url: "https://s3-us-west-2.amazonaws.com/static-assets.kloudless.com/static/logo_white.png",
            name: "kloudless-logo.png"
        }];

        explorer.savify($("#saver"), files);
    </script>
</header>

最佳答案

有npm软件包kloudless-meteor

您可以将其与流星一起使用。
meteor > 0.9.0的说明:

首先添加npm包:

meteor add meteorhacks:npm


注意npm软件包只能在服务器端使用。

创建packages.json文件:

{
  "kloudless-meteor":"0.0.1"
}


然后像这样在server side上开始使用它:

var kloudless = Meteor.npmRequire('kloudless')('your-api-key-here');


Documentation

 API methods are called in the scheme of...
 kloudless.<resource>.<method>(<data-json>, <callback>);


边注

如果要使用kloudless将文件上传到云提供商(亚马逊,机架空间等),则首先需要从客户端上传到服务器。我建议使用https://github.com/CollectionFS/Meteor-CollectionFS

07-26 06:57