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