How to use q-uploader to upload a file to Amazon S3



  • After realizing that Heroku as the deployment environment for my Quasar app has restrictions with uploading/downloading of files, I’m now looking for some sample code how to use q-uploader to upload files to Amazon S3..

    I’m not familiar with S3 yet and have used q-uploader so far only in a simple way, to upload files to the file system of the Quasar frontend app.

    All I found so far as a boilerplate to start from is a tiny code snippet on the old Quasar site (https://forum.quasar-framework.org/topic/5382/how-to-use-q-uploader-in-quasar-app-deployed-on-heroku ) that uses q-uploader with so called signed S3 URLs.. It uses a q-uploader prop :url-factory=“getSignedUrl”, but I can’t find that prop in the API documentation of the current version of q-uploader on https://quasar.dev/vue-components/uploader#QUploader-API.

    Is there another sample or Codepen how to use q-uploader to upload a file to Amazon S3?

    Would greatly appreciate some advise.



  • I’m also trying to use QUploader directly to S3 and found the old forum entry. Note that the entry is pretty old and the API of QUploader has changed since. The property is now called :factory (not :factory-url). Still I haven’t managed to get this to work with the current version of Quasar - it would be awesome, if someone could provide an up-to-date code snippet of how to upload to S3 directly using QUploader.


Log in to reply