[solved] How to fire event when user cancels upload

[beatscribe]

When uploading a really huge file, there is an X in q-uploader to allow you to cancel. When you do so, the @failed event fires, which is great, but I have no way of differentiating if it happened due to the user hitting the X on the uploader or the server was down. How can I fire an event and do something when they click the X?

[dobbel]

@beatscribe

you can use slots to create your own button ect:
https://quasar.dev/vue-components/uploader#Example--Custom-files-list

Here’s a demo
https://codepen.io/ontwikkelfabriek/pen/gOLNwmX

[beatscribe]

I can use this to fire an event when they click the X that appears in place of the cloud upload icon when a big file is uploading?

[dobbel]

@beatscribe

ah is see, wrong slot. Use this slot instead:
https://quasar.dev/vue-components/uploader#Example--Custom-header

[beatscribe]

thanks! that is super helpful!