1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45
|
<script language='javascript'>
function upload(){
// hide old iframe
var par = window.parent.document;
var num = par.getElementsByTagName('iframe').length - 1;
var iframe = par.getElementsByTagName('iframe')[num];
iframe.className = 'hidden';
// create new iframe
var new_iframe = par.createElement('iframe');
new_iframe.src = 'upload.php';
new_iframe.frameBorder = '0';
--> new_iframe.getElementById('file').disabled=true;
par.getElementById('iframe').appendChild(new_iframe);
// add image progress
var images = par.getElementById('images');
var new_div = par.createElement('div');
var new_img = par.createElement('img');
new_img.src = 'picts/indicator.gif';
new_img.className = 'load';
new_div.appendChild(new_img);
images.appendChild(new_div);
// send
var imgnum = images.getElementsByTagName('div').length - 1;
document.iform.imgnum.value = imgnum;
setTimeout(document.iform.submit(),5000);
}
</script>
<link rel="stylesheet" href="css_iframe_upload.css" type="text/css" media="all">
<head><body marginheight="0" marginwidth="10" topmargin="0" leftmargin="10" bgcolor="#EEEEEE"><center>
<form name="iform" action="" method="post" enctype="multipart/form-data">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<input id="file" type="file" name="image" onchange="upload()" size="30"/>
<input type="hidden" name="imgnum" />
</td>
</tr>
</table>
</form> |
Partager