JSFiddle - React, Tailwind, and code Playground

by jrunning

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<input type="file" multiple>
<button type="button">Clear</button>

JavaScript

const $ = jQuery;
const $fileInput = $('input[type=file]');

$('button').on('click', () => {
  $fileInput.val(null);
  $fileInput.trigger('change', { bubbles: true });
})

let i = 0;
$fileInput.on('change', () => console.log(`${$fileInput.prop('files').length} file(s) added`));