JSFiddle - React, Tailwind, and code Playground

by Tushar Thakare

HTML

<input type="file" name="file" id="file_select" />

<img id="xxx" src="https://qph2.c7.quoracdn.net/main-thumb-3387420-50-dyqpcjgykgdmgstdndnczutjyzxargbz.jpeg" />

JavaScript

$("input:file").change(function () {
       if ($(this).val() !== "") {
        var file = $('#xxx')[0].files[0];
        console.log(file.size);
       }
});