JSFiddle - React, Tailwind, and code Playground

by Lucas Klassmann

HTML

<div id="myFiles">
  <input type="file">
</div>

<button id="btnAdd">Add</button>

JavaScript

function fileValidation(e){
	console.log();
  var filelist = $(this).get(0).files;
  var firstfile = filelist[0];
  
  var filesize = (firstfile.size / 1024) / 1024;
  
  if (filesize > 3.0) {
  	alert('File has more than 3MB');
  } else {
  	alert('File is valid.');
  }
  
}

$("input[type=file]").on('change',fileValidation);

$("#btnAdd").on('click', function(){
	var $newFile = $("<input type='file'>");
  $newFile.on('change', fileValidation);
	$("#myFiles").append($newFile);
});