JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://valums.com/files/2010/file-uploader/fileuploader.js"></script>
<link rel="stylesheet" href="http://valums.com/files/2010/file-uploader/fileuploader.css">
<div id="file-uploader" style="display: inline-block;"></div>

JavaScript

function createUploader() {
    var uploader = new qq.FileUploader({
        element: document.getElementById('file-uploader'),
        action: 'ajax_handlers/fileupload.php',
        allowedExtensions: ['csv'],
        onComplete: function(id, fileName, responseJSON) {
            var result = responseJSON;
            if (result.error) {
                // Show error
            }
            if (result.success) {
                
                // File Upload done...process results

                // Process results
                $.ajax({
                    url: 'ajax_handlers/process_cpa_sales_file.php',
                    cache: false,
                    data: {
                        file: fileName
                    },
                    error: function(jqXHR, textStatus, errorThrown) {
                        // Show error
                    },
                    success: function(data, textStatus, jqXHR) {

                       // Process data
                        
                    } 
                }); 
            } 
        } // [end] :onComplete()
    }); // [end] new qq.FileUploader                   
} // [end] createUploader()

// Create uploader as soon as DOM is ready
window.onload = createUploader;