JSFiddle - React, Tailwind, and code Playground

HTML

<!-- видимый инпут -->
<input type='file' class='image' multiple accept='image/*'/>
<!-- невидимый инпут -->
<input type="file" name="image1" accept="image/*" required="" id="id_image1" style='display:none;'>

JavaScript

var $imageOne;
$('.image').change(function () {
    var input = $(this)[0];
    if (input.files && input.files[0]) {
        if (input.files[0].type.match('image.*')) {
            var reader = new FileReader();
            reader.onload = function (e) {
                $imageOne = e.target.result;
                $( "#id_image1" ).val( $imageOne );
            }
            reader.readAsDataURL(input.files[0]);
        }
    }
});