JSFiddle - React, Tailwind, and code Playground

by karthick6891

HTML

<label class="upload-btn">
  <input type="file" id="attachment">
  <i class="fa fa-upload"></i> Browse
</label>

<span class="fake-input">No file selected</span>

JavaScript

$(document).ready(function() {
        function readURL(input) {
            if (input.files && input.files[0]) {
                var reader = new FileReader();

                reader.onload = function (e) {
                    $('.fake-input').attr('src', e.target.result);
                }

                reader.readAsDataURL(input.files[0]);
            }
        }

        $("#attachment").change(function(){
            readURL(this);
        });
    });