I am trying to get my app to make file uploading work.
I am following the documentation example:https://github.com/CollectionFS/Meteor-CollectionFS
Here is my template:
`
{{#if currentUser}}
`
Title:
<div class="uploadFile">
<label for="images">Choose images: </label>
<input type="file" name="images[]" id="modelimage" multiple>
</div>
<div class="uploadDescription">
<label for="description">Description: </label>
<textarea name="description">
</textarea>
</div>
<div class="uploadCategory">
<label for="category">Choose category</label>
<select name="category">
<option>Art</option>
<option>Brands</option>
<option>Fashion</option>
<option>Gadgets</option>
<option>Handcrafted</option>
</select>
</div>
<input type="submit" value="submit">
</form>
{{else}}
{{redirectUser}}
{{/if}}
Here is my template events to handle the file upload:
`// Handle model upload
Template.upload.events({
‘submit .new-model’: function(event) {
var title = event.target.title.value;
var description = event.target.description.value;
var category = event.target.category.value;
var images = event.target.images;
console.log(images);
console.log(title);
console.log(description);
console.log(category);
return false;
}
});`
Now, it just says the images are undefined. How can that be ?