欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

一个上传多个图片的js技巧

程序员文章站 2021-12-17 21:56:48
...
<script language="JavaScript"> 
var num=1; 
function show(obj){ 
if(obj.checked){ 
document.all.photoyn.style.display=""; 
document.all.photoyn.innerHTML="<input type=\"file\" size=\"25\" name=\"photopath\" class=\"upfile\"><font color=\"red\">(只允许700K以内的GIF或JPG图片)</font><table id=\"TB\" width=\"100%\" height=\"0px\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\"><tr><td></td></tr></table><input type=\"button\" value=\"+\"title=\"增加一个上传\" onclick=\"oRow=TB.insertRow();oCell=oRow.insertCell();oCell.innerHTML='<input type=file size=25  name=photopath'+Number(num)+' class=upfile>';num=num+1\">&nbsp;&nbsp;<input type=\"button\" value=\"-\" title=\"去掉一个上传\" onclick=\"oCell=TB.deleteRow()\">"; 
}else{ 
document.all.photoyn.innerHTML=""; 
document.all.photoyn.style.display="none"; 
} 
} 
</script> 
是否上传照片?<input type="checkbox" name="nfile" id="nfile" onclick="show(this)"> 
<div id="photoyn" style="display:none;padding:2px 0 5px 0"></div>

 

相关标签: JavaScript