Salve, ho il seguente script per visualizzare un preview di tre immagini di cui voglio fare l’upload e funziona…
<!--
html>
<head><title> Area Riservata</title>
<script language="Javascript">
// Questo script visualizza un'anteprima delle immagini selezionate per l'upload
function preview(x)
{
switch (x) {
case 1:
img1x= new Image(152,82)
img1x.src = "immagini/Esempio.jpg"
img2x = document.form_immagini1.img1.value
document.swap1.src = img2x;
return true;
case 2:
img1= new Image(152,82)
img1.src = "immagini/Esempio.jpg"
img2 = document.form_immagini2.upfile2.value
document.swap2.src = img2;
return true;
case 3:
img1= new Image(152,82)
img1.src = "immagini/Esempio.jpg"
img2 = document.form_immagini3.upfile3.value
document.swap3.src = img2;
return true;
}
}
</script>
<script language="JavaScript">
// Questo script scrive una frase sulla status bar del browser
var scritta = "UPLOAD in corso...";
function scritta_status_bar()
{
window.status=scritta;
}
</script>
</head>
<body>
<h2>area riservata</h2>
Form per l'upload delle immagini
<FORM ACTION="do_upload_.php" METHOD="post" NAME="form_immagini1" enctype=multipart/form-data>
[img]immagini/Esempio.jpg[/img]
<input type="file" name="img1" class="txt" size="14" Onchange="preview(1)">
<INPUT TYPE="submit" name="submit" VALUE="Invia il file" onClick="scritta_status_bar()">
</FORM>
<FORM ACTION="upload2.asp" METHOD="post" NAME="form_immagini2" >
[img]immagini/italia.png[/img]
<input type="file" name="upfile2" class="txt" size="14" Onchange="preview(2)">
<INPUT TYPE="button" VALUE="Invia il file" OnClick="Javascript: alert('Questa è solo una prova'); return true;">
</FORM>
<FORM ACTION="upload3.asp" METHOD="post" NAME="form_immagini3" >
[img]immagini/italia.png[/img]
<input type="file" name="upfile3" class="txt" size="14" Onchange="preview(3)">
<INPUT TYPE="button" VALUE="Invia il file" OnClick="Javascript: alert('Questa è solo una prova'); return true;">
</FORM>
</body>
</html>
-->
Ora vorrei fare un’ulteriore modifica facendo in modo che tutte e tre le immagini vengano caricate contemporaneamente, cioè con un solo tag <form> e quindi un unico bottone “invia file”.
Ho provato così, ma il preview delle immagini selezionate non funziona più:
<!--
<html>
<head><title> Area Riservata</title>
<script language="Javascript">
// Questo script visualizza un'anteprima delle immagini selezionate per l'upload
function preview()
{
img1x= new Image(152,82)
img1x.src = "immagini/Esempio.jpg"
img2x = document.form_immagini.img1.value
document.swap1.src = img2x;
return true;
img1= new Image(152,82)
img1.src = "immagini/Esempio.jpg"
img2 = document.form_immagini.img2.value
document.swap2.src = img2;
img1= new Image(152,82)
img1.src = "immagini/Esempio.jpg"
img2 = document.form_immagini.img3.value
document.swap3.src = img2;
return true;
}
</script>
<script language="JavaScript">
var scritta = "UPLOAD in corso...";
function scritta_status_bar()
{
window.status=scritta;
}
</script>
</head>
<body>
<h2>area riservata</h2>
Form per l'upload delle immagini
<FORM ACTION="do_upload.php" METHOD="post" NAME="form_immagini" enctype=multipart/form-data>
[img]immagini/Esempio.jpg[/img]
<input type="file" name="img1" class="txt" size="14" Onchange="preview()">
[img]immagini/italia.png[/img]
<input type="file" name="img2" class="txt" size="14" Onchange="preview()">
[img]immagini/italia.png[/img]
<input type="file" name="img3" class="txt" size="14" Onchange="preview()">
<INPUT TYPE="submit" name="submit" VALUE="Invia il file" onClick="scritta_status_bar()">
</FORM>
</body>
</html>
-->
C'è qualcuno che sa darmi qualche dritta su come fare ?
Grazie 1000 in anticipo, Ciao !
Rispondi quotando