Uploader - url is required?

[metalsadman]

Did you pass a url in your factory?

[matroskin]

        uploadFactory(file) {
                        let vm = this,
                            data = new FormData();           
                        return new Promise((resolve, reject) => {            
                            this.$axios.post('/upload', data, {            
                                    headers: { 'Content-Type': 'multipart/form-data' }            
                                })            
                                .then(response => {                                        
                                    resolve(file);            
                                })            
                                .catch(error => reject(error))            
                        });            
                    }

[matroskin]

Any suggestions?

[owrasor]

@matroskin Im getting the same error. Did you solved the problem?

[matroskin]

Nope… Maybe I should send issue?

[matroskin]

Interesting… In my code above, I changed resolve(file) to resolve(null)
It works, axios sending and no errors in console

[SyFab]

When I call “resolve(null)”, I have no errors in console, but the q-uploader-component shows me an error (red exclamation mark).
I don’t have an upload server either, the whole file processing takes place in the client.

[LIANG FENG]

Hi,

Is there any update for this issue? I have the same problem.

Thanks
BR

[gt7282538]

Hi,

I’m getting the same error, any suggestion ?

Thanks,
Jack

[andrepestana]

@SyFab said in Uploader - url is required?:

When I call “resolve(null)”, I have no errors in console, but the q-uploader-component shows me an error (red exclamation mark).
I don’t have an upload server either, the whole file processing takes place in the client.

I also would like to use q-uploader as a file selection and manipulate them with javascript. There’s no real upload to a server. Is there any ticket to change this already?

[andrepestana]

I solved it here: I didn’t set any url prop to q-uploader nor used a factory function. I just hid the upload button and got the @added event:

<template>
  <q-page class="flex flex-center">
     <q-uploader
        style="width: 100%;"
        label="Restricted to images"
        multiple
        accept=".jpg, image/*"
        :hide-upload-btn="true"
        @added="onAdded"
      />
  </q-page>
</template>

<script>
export default {
  methods: {
    onAdded: function(files) {
      console.log(files)
    }
  }
}
</script>

[Allan-EN-GB]

Yeah, that’s the way. I do it in my project.