JavaScript多图片上传案例
JS多图片上传小小实例:
<htmlxmlns="http://www.w3.org/1999/xhtml"> <head> <title>上传多图片</title> <scripttype="text/javascript"> functionJM_wu(ob){ ob.style.display="none"; } functionJM_you(ob){ ob.style.display=""; } functioncreateForm(textN,number){ data=""; inter="'"; if(number<11&&number>-1){ for(i=1;i<=number;i++){ if(i<10)spaces=""; elsespaces=""; data=data+"<inputname="+textN+i+"type=textvalue=''size='30'maxlength='100'>" +"<INPUTTYPE='button'value='上传"+i+"'onclick=javascript:uppic('more"+i+"','more"+i+"')>"; } if(document.layers){ document.layers.cust.document.write(data); document.layers.cust.document.close(); } else{ if(document.all){ cust.innerHTML=data; } } } else{ window.alert("请不要超过10张图片."); } } </script> </head> <body> <formname="prodtable"action=""> <inputtype="radio"name="more_pic"checkedvalue="0"onclick="JM_wu(s1)">无 <inputtype="radio"name="more_pic"value="1"onclick="JM_you(s1)">有<spanid="s1"style="display:none"> <inputname="more"type="text"value='1'size='5'maxlength='2'> <inputtype="button"value="张大图"onclick="createForm('more',document.prodtable.more.value);"> <spanid="cust"style="position:relative;"></span></span> </form> </body> </html>
这只是一个指引的小例子,同学们可以把按钮换成浏览图片按钮。