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>
这只是一个指引的小例子,同学们可以把按钮换成浏览图片按钮。