display selected image

preview.js

    <script>
        document.querySelectorAll('input[type="file"]').forEach((el, index) => {
            el.onchange = e => {
                const file = e.target.files[0];
                if ( file ) {
                    el.closest('div[class*="col-md"]')
                        .querySelector('img').src = URL.createObjectURL(file);
                }
            }
        });
    </script>