Questo è un esempio semplice in asp. Prova a vedere se ti può servire.
Brevemente, ho un div nascosto con una gif animata. Quando faccio il submit visualizzo il div di attesa e disabilito il pulsante di submit. Alla fine faccio vedere le immagini spedite al server e ridimensionate.
La pagina di action del form è una pagina aspx.
codice:
<% option explicit %>
<% Response.CharSet = "utf-8" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Pagina senza titolo</title>
<link href="Styles.css" rel="stylesheet" type="text/css" />
<script language="javascript" type="text/javascript">
// <!CDATA[
var n = 1;
function nuovo_file()
{
n++; if(n > 5) return;
var v = document.getElementById("div1");
var f = document.createElement("input");
f.setAttribute("name", "file" + n);
f.setAttribute("id", "file" + n);
f.setAttribute("type", "file");
f.setAttribute("size", "60");
v.appendChild(f);
v.appendChild(document.createElement("br"))
}
// ]]>
</script>
</head>
<body>
<h3>recupero e salvo immagine inviata da client asp (upload)</h3>
<h5>upload.asp</h5>
<form id="form1" action="upload.aspx" method="post" enctype="multipart/form-data" onsubmit="window.setTimeout(function(){document.getElementById('Submit1').disabled=true;document.getElementById('div2').style.display='';}, 0);" >
<div id="div1">
<input id="file1" name="file1" type="file" size="60" />
Nuovo file (max 5)
</div>
<input id="Submit1" type="submit" value="submit" />
<input id="Hidden1" name="Hidden1" type="hidden" value="Pietro" />
</form>
<div id="div2" style="display:none;">
Operazione in corso, prego attendere...
[img]pleasewait.gif[/img]
</div>
<%
dim p_messaggio
p_messaggio = trim(request("p_messaggio"))
if p_messaggio <> "" then
response.Write "<div>" & p_messaggio & "</div>"
end if
%>
</body>
</html>
