Preview images before upload

Question

I have a page with four images for the user to select. I want the user to be able to preview each image on the site before upload.

The JavaScript code below works fo

Answer 1

function appendRows(){
    $i++;
    var html='';
    html+='
';
     $("#appendshow").append(html);
}

function appendloadFile(i){
    var appendoutput = document.getElementById('outputshow'+i+'');
    appendoutput.src = URL.createObjectURL(event.target.files[0]);
}