JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

<input name="offer_image_1" onchange="check_thumbnail_image_format_fn()" onclick="check_thumbnail_image_value_format()" type="file" id="offer_image_1" size="50" />




<script>
function check_thumbnail_image_format_fn() {
    var offer_image_1_data = document.getElementById("offer_image_1");
    var offer_image_1_data_file = offer_image_1_data.files[0];
    var offer_image_1_data_file_width = offer_image_1_data_file.width;
    var offer_image_1_data_file_height = offer_image_1_data_file.height;

alert(offer_image_1_data_file_width);
alert(offer_image_1_data_file_height);



};
</script>