Make image preview on select and change value of input file value by image name

image preview

<img id="previewHolderCustomerSignature" onclick="setImage( this.id, 'fileCustomerSignaturePhoto' );" src="https://placeholdit.imgix.net/~text?txtsize=22&txt=Upload customer signature (225px X 150px)&w=225&h=80&txttrack=0" class="img-thumbnail text-center" style="cursor: pointer">
<input type="file" name="fileCustomerSignaturePhoto" value="" id="fileCustomerSignaturePhoto"  class="required borrowerImageFile" style="display: none" >
<script>
    function setImage(imageLinkId, inputFileName){
        $("#"+inputFileName).trigger('click').change(function() {
            if (this.files && this.files[0]) {
                var reader = new FileReader();
                reader.onload = function(e) {
                    $('#'+imageLinkId).attr('src', e.target.result);
                }
                reader.readAsDataURL(this.files[0]);
            }
        });
    }
</script>