我在这里使用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