Always reload page after Files.insert()?

I base on Meteor + Vue.

• Meteor 1.7.0.5
• Files 1.10.2

const Files = new FilesCollection({
  storagePath: () => {
    return `${Meteor.absolutePath}/fileUploads` // project path
  },
  collectionName: 'app_files',
})

// 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' })
      }
    },

I tried to use @click.prevent="pickFile", still reload. Please help me.

[thearabbit]

Very thanks again. It work fine 👍

[dr-dimitru]

@thearabbit read about navigation in Unix-like systems

I tried cd to Volumes on terminal

I don’t know your particular environment, all paths in my examples are pseudo-paths

Could advise should be use outside path, project path, ./meteor path…?

# outside
./meteor/../storagePath

# as we recommend:
/data/uploads

Create /data/uploads:

mkdir -p /data/uploads
chmod -R 777 /data

const Files = new FilesCollection({
  storagePath: () => {
    return '/data/uploads' // Mac, Ubuntu
    return 'C:\\data\\uploads' // Windows
  },
  collectionName: 'app_files',
})