How to show image on upload using Ajax ?

<!DOCTYPE html>
<body >

<script src=””></script>
<div class=”page-content”>
<div class=”container-fluid”>
<div class=”row”>
<div class=”col-12″>
                <div class=”row mb-3″>
                    <label for=”example” class=”col-sm-2 col-form-label”>User Image</label>
                    <div class=”col-sm-10″>
                        <input name=’image’ class=”form-control” type=”file” placeholder=”Edit Name” id=”profileimage”>
 <div class=”row mb-3″>
                    <div class=”col-sm-10″>
                    <img src=” ”  id=”showprofileimage”>



                var reader = new FileReader();
                reader.onload = function(e){


One thought on “How to show image on upload using Ajax ?

Leave a Reply

Your email address will not be published. Required fields are marked *