【问题标题】:Meteor with Kloudless serviceMeteor 与 Kloudless 服务
【发布时间】:2014-11-05 00:13:57
【问题描述】:

我在这里关注一个使用 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);
}

如果我按如下所示放置代码,它将起作用。有没有办法用更 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>

【问题讨论】:

    标签: javascript meteor kloudless


    【解决方案1】:

    有 npm 包kloudless-meteor

    您可以将它与流星一起使用。 meteor &gt; 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 的文件上传到云提供商(亚马逊、rackspace 等),那么首先您需要从客户端上传到服务器。我建议使用https://github.com/CollectionFS/Meteor-CollectionFS

    【讨论】:

    • 我看到了 NPM [链接] (npmjs.org/package/kloudless-meteor) 但不知道流星添加meteorhacks:npm。这好多了。 {var kloudless = require('kloudless')('your-api-key-here');} 应该保存在哪里?在客户端或服务器文件夹中?
    猜你喜欢
    • 2013-09-16
    • 2015-10-31
    • 2014-12-30
    • 2016-03-22
    • 2014-12-25
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-11-01
    相关资源
    最近更新 更多