Laravel preview image before insert with javascript

   <script type="text/javascript">

    $(document).ready(function(){

        $('#image').change(function(e){   //select image id

            var reader = new FileReader();

            reader.onload = function(e){

                $('#showImage').attr('src', e.target.result);

//show image id after select

            }

            reader.readAsDataURL(e.target.files['0']);

        })

    });

    </script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>