JSFiddle - React, Tailwind, and code Playground

HTML

<input type="file" name="multiple_files" id="multiple_files"/>
<button type="button" id="submit">
Submit
</button>

JavaScript

$("#submit").click(function(e) {
  var form_data = new FormData();
  var files = $('#multiple_files')[0].files;
  form_data.append("file", files[0]);
  form_data.append("id", 1);

  $.ajax({
    url: "/echo/html/",
    data: form_data,
    method: "POST",
    contentType: false,
    cache: false,
    processData: false,
    success: function(data) {
      console.log('<br /><label class="text-success">Uploaded</label>');
      //load_image_data();
    }
  });
});