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)
})