JSFiddle - React, Tailwind, and code Playground
HTML
<input type='file' name="file" id="myFile1" />
JavaScript
$("document").ready(function() {
$("#myFile1").change(function() {
var f1 = document.getElementById("myFile1").value; // will get file input value
var size = ($("#myFile1")[0].files[0].size);
if (size < 1048576) {
alert("file size is less than 1mb");
} else {
alert("file size should not exceed more than 1mb");
$(this).val($.data(this, 'f'));
return false;
}
});
});