2

我在这里关注一个使用 Kloudless API 的 jsfiddle 示例。在 Javascript 中链接Kloudless API

将下面的代码与 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);
}

如果我按如下所示放置代码，它将起作用。有没有办法以更 Meteor 的方式编写代码，比如下面的代码？

<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>
4

1 回答 1

2

有 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');

文档

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

边注

如果您想将文件上传kloudless到云提供商（亚马逊、机架空间等），那么首先您需要从客户端上传到服务器。我建议使用https://github.com/CollectionFS/Meteor-CollectionFS

于 2014-09-11T07:16:56.497 回答