<label class="file_img" for="file_imgs"> <input class="file_imgs" id='file_imgs' type="file" accept="image/jpg,image/jpeg,image/png" name="file" /> <img class="file_imgb" src="./images/file_img.jpg"> </label> <div class="show_imgs"> </div>
html
$('#file_imgs').on('change',function () { var file = $('#file_imgs').get(0).files[0]; var reader = new FileReader(); reader.readAsDataURL(file); reader.onloadend = function () { console.log(reader); $('.show_imgs').append(`<img class="show_imgs_item" src="${reader.result}" />`); } })