Uppy

gistfile1.js

var uppy = new Uppy.Core({
    autoProceed: true,
    restrictions: {
        allowedFileTypes: ['image/*']
    },
    onBeforeFileAdded: (currentFile, files) => {
        // Change the file name to the last modified date. This file name doesn't arrive at the server upload handler.
        const modifiedFile = {
            ...currentFile,
            name: currentFile.data.lastModified + ".jpg"
        }
        return modifiedFile
    },
});    
uppy.use(Uppy.Dashboard, {
    inline: true,
    disableThumbnailGenerator: true,
    showSelectedFiles: false,
    target: '#drag-drop-area',
    height: 250
})   

const { XHRUpload } = Uppy
uppy.use(XHRUpload, {
    endpoint: uploadUrl
});