Universe Files Blaze UI
Using as standalone
for file:
1<template name="myFile">
2 {{> universeUploadButton name='file' value=doc.avatar class='img-circle'}}
3 </template>
1Template.myFile.events({
2 fileUploaded (e, tmpl, result) {
3 console.log('uploaded', result);
4 },
5 fileError (e, tmpl, error) {
6 console.error('uploaded', error);
7 }
8});
for image:
1<template name="myImage">
2 {{> universeUploadButton name='image' isImage=true value=doc.avatar class='img-circle'}}
3 </template>
- parameter isImage=true will activate making sizes for uploaded image (default: small, medium, large)
1Template.myImage.events({
2 fileUploaded (e, tmpl, result) {
3 console.log('uploaded', result);
4 },
5 fileError (e, tmpl, error) {
6 console.error('uploaded', error);
7 }
8});
for avatar:
1<template name="myAvatar">
2 {{> universeAvatar name='avatar' value=doc.avatar class='img-circle'}}
3 </template>
1Template.myAvatar.events({
2 fileUploaded (e, tmpl, result) {
3 console.log('uploaded', result);
4 },
5 fileError (e, tmpl, error) {
6 console.error('uploaded', error);
7 }
8});
for file:
1import {getFileSchemaField} from 'meteor/universe:files-blaze-ui';
2// adding to schema:
3const mySchema = new SimpleSchema(Object.assign({
4 title: {
5 type: String
6 }
7 },
8 getFileSchemaField({
9 name: 'file',
10 isImage: false
11 })
12));
1<template name="myTemplate">
2 {{#autoForm schema=getSchema id="myForm"}}
3 {{> afQuickField name='title'}}
4 {{> afQuickField name='file' class='img-circle' label=false}}
5 <button type="submit">Submit</button>
6 {{/autoForm}}
7</template>
for avatar
1import {getFileSchemaField} from 'meteor/universe:files-blaze-ui';
2// adding to schema:
3const mySchema = new SimpleSchema(Object.assign({
4 title: {
5 type: String
6 }
7 },
8 getAvatarSchemaField({
9 name: 'logo'
10 })
11));
1<template name="myTemplate">
2 {{#autoForm schema=getMySchema id="myLogo"}}
3 {{> afQuickField name='title'}}
4 {{> afQuickField name='logo' label=false}}
5 <button type="submit">Submit</button>
6 {{/autoForm}}
7</template>