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>
No comments