Documentation

Ctrl+K
Vue

Uppy

Uppy is a sleek and modular file uploader. It fetches files from local disk, Google Drive, Instagram, remote urls, cameras etc, and then uploads them to the final destination. It’s fast, has a comprehensible API and lets you worry about more important problems than building a file uploader. For more details

HTML Code

<div class="card">
    <div class="card-body text-center">
        <div id="drag-drop-area">        
        </div>
    </div> 
</div>

Script

var uppy = new Uppy.Core()
    .use(Uppy.Dashboard, {
      inline: true,
      width: 1148,
      target: '#drag-drop-area'
    })
    .use(Uppy.Tus, {endpoint: 'https://tusd.tusdemo.net/files/'})

    uppy.on('complete', (result) => {
      console.log('Upload complete! We’ve uploaded these files:', result.successful)
    })
Previous Source & Credits