JSFiddle - React, Tailwind, and code Playground

HTML

<div class="col-xs-2 load_img_box">
      <div class="load_img_frame">
        <img class="load_img" id="loadImg" src="http://funkyimg.com/i/TZds.png" alt="">
      </div>

      <div class="load_img_button_outer">
        <div class="load_img_label" id="loadImgLabel">Загрузить</div>
        <input class="form-control load_img_button"  type="file" id="pageDescLoadImg" name="img" accept="image/jpeg,image/png,image/gif">
      </div>
    </div>

JavaScript

$('#loadImgLabel').on('click', openLoadFileMaster); 
$('input').on('change', closeLoadFileMaster);

  function openLoadFileMaster() {  
  	console.log(111)
    $('#pageDescLoadImg').click();
  };
  
  function closeLoadFileMaster() {  
  	console.log(222)
    var fileInfo = document.getElementById('pageDescLoadImg').files[0];

    console.log(fileInfo)

    var reader = new FileReader();

    console.log(reader)

    reader.onload = function(e) { console.log('readerload')
      document.getElementById("loadImg").src = e.target.result;
    };
  };