ciao a tutti
sto cercando di caricare una foto e farla visualizzare sulla stessa pagina.
l idea è semplice:
clicca su "aggiungi foto", scegliere fra le immagini su una cartella, e poi la si visualizza.
Non so perché mi appare il simbolo della risorsa mancante
ecco il codice
codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
<script>




    function add_my_photo() {
        var src = document.getElementById("file1").click();
      show_image(src, 276,110, "myFoto"); 
    }




    function show_image(src, width, height, alt) {
        var img = document.createElement("img");
        img.src = src;
        img.width = width;
        img.height = height;
        img.alt = alt;
        document.body.appendChild(img);
    }
</script>


<button onclick="add_my_photo();">Aggiungi Foto</button>
<h1>Foto</h1>
<input type="file" id="file1" style="display:none">
</body>
</html>
vi ringrazio per l aiuto