I base on Meteor + Vue
.
It always reload page after Files.insert()
.
```js
const Files = new FilesCollection({
storagePath: () => {
return `${Meteor.absolutePath}/fileUploads` // project path
},
collectionName: 'app_files',
})
```js
// Vue tmp
<p>
<img
:src="filePreview"
width="120px"
height="125px"
/>
<input
ref="fileUploadHidden"
type="file"
accept="image/*"
style="display: none"
@change="filePicked"
>
</p>
<el-button
type="default"
@click="pickFile"
>Select file</el-button>
<el-button
type="primary"
@click="uploadFile"
>Upload file</el-button>
-----------
// Vue method
uploadFile() {
if (this.fileUpload) {
Files.insert({
file: this.fileUpload,
streams: 'dynamic',
chunkSize: 'dynamic',
onUploaded(err, fileObj) {
console.log('Upload', fileObj)
if (err) {
Notify.error({ message: 'File upload is error' })
} else {
Notify.success({ message: 'File upload is success' })
}
},
})
} else {
Notify.error({ message: 'File upload is required' })
}
},
Please help me