Meteorはまだ初心者です。Meteor JS プロジェクトを作成していますが、その中心的な機能の 1 つは画像のアップロード、または注目の画像のアップロードのようなものです。アップロードは正常に機能し、送信をクリックすると、私の に表示されます<div class="viewing">。Meteor を再起動すると、問題が発生します。画像は削除されるため、プログラムを実行するまでに画像は表示されません。
これが私のコードです：
HTML:
<body>
{{> viewPost}}
<h1>Welcome to Meteor!</h1>
{{> addPost}}
</body>
<template name="addPost">
<form class="main-form">
<input type="text" name="title"/>
<br><br>
<input type="file" name="imgUp" class="fileIn"/>
<br><br>
<button>Submit</button>
</form>
</template>
<template name="viewPost">
{{#each images}}
<div class="viewing">
<img src="{{this.url store='images'}}"/>
</div>
{{/each}}
</template>
JS:
Images = new FS.Collection("images", {
stores: [new FS.Store.FileSystem("images",{path: "~/uploads"})],
filter: {
allow: {
contentTypes: ['image/*'] //allow only images in this FS.Collection
}
}
});
if (Meteor.isClient) {
Template.addPost.events({
'submit .main-form': function(event, template){
var title = event.target.title.value;
event.preventDefault();
var fileObj = template.find('input:file');
Images.insert(fileObj.files[0], function (err,fileObj){});
}
});
Template.viewPost.helpers({
images: function(){
return Images.find({});
}
});
}
ここで私が間違っていることを教えてください。どんな助けでも素晴らしいでしょう！私はすでに数日間、これを解決する方法を探していました。