Question

我正在关注使用Kloudless API的jsfiddle示例。链接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>

Answer 1

有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

执行此操作

流星与Kloudless服务

1 个答案:

旁注