JSFiddle - React, Tailwind, and code Playground

by Amin Kodaganur

HTML

<form action="" enctype="multipart/form-data" id="submit">
    <label for="">
      Select File to Upload
    </label>
    <p>
      <input type="file" id="file-upload">  
    </p>
    <p><button type="submit">Submit File</button></p>
</form>

JavaScript

$(document).ready(function(e){
 	var formData = new FormData();
	$('#submit').on('submit',function(){  
  		  
      console.log($('#file-upload')[0].files[0]);
      return false;         
      /*$.ajax({
             url : 'upload.php',
             type : 'POST',
             data : formData,
             processData: false,  // tell jQuery not to process the data
             contentType: false,  // tell jQuery not to set contentType
             success : function(data) {
                 console.log(data);
                 alert(data);
             }
      });*/
  });