Breaking News: Grepper is joining You.com. Read the official announcement!

jquery preview image

Homelander answered on January 19, 2023 Popularity 8/10 Helpfulness 5/10

answer jquery preview image

jquery preview image

Comment

$(document).ready(()=>{
      $('#photo').change(function(){
        const file = this.files[0];
        console.log(file);
        if (file){
          let reader = new FileReader();
          reader.onload = function(event){
            console.log(event.target.result);
            $('#imgPreview').attr('src', event.target.result);
          }
          reader.readAsDataURL(file);
        }
      });
    });

https://www.geeksforgeeks.org/preview-an-image-before-uploading-using-jquery/

Popularity 8/10 Helpfulness 5/10 Language javascript

Source: Grepper

Tags: image javascript jquery preview

Link to this answer
Share Copy Link