Uppy # 

For creating uploader component that has a comprehensive ability, we recommend using Uppy library with rich options and highly customizable.

Integrate Uppy with the Vue application by installing the @uppy/vue package.

There are various customization that can be implemented on the uploader component through the provided props that can be seen on this Uppy Dashboard documentation page. Below are several examples of the configurable property:

• width

  Width of the Dashboard in pixels (number, default: 750).

• height

  Height of the Dashboard in pixels (number, default: 550).

• showProgressDetails

  Show or hide progress details in the status bar (boolean, default: false).

  showProgressDetails: false: Uploading 45%

  showProgressDetails: true: Uploading: 45%・43 MB of 101 MB・8s left

• hideUploadButton

  Show or hide the upload button (boolean, default: false).

  Use this if you are providing a custom upload button somewhere, and are using the uppy.upload() API.

• showSelectedFiles

  Show the list of added files with a preview and file information (boolean, default: true).