通过点击“添加文件”,便可动态的添加一新的上传域。是这时我在工作时用到的,感觉还不错.
//将下面的内容复制到指定的位置即可使用.
<script>
var fileFieldCount = 1;
function addFileField(){
if(fileFieldCount>=10) return false
fileFieldCount++;
var f = document.createElement("input")
f.type="file" ;
f.name = "filename["+fileFieldCount+"]" ;
f.size=30 ;
p = document.getElementById("fields") ;
p.appendChild(f) ;
var br = document.createElement("br") ; //追加换行符
p.appendChild(br)
}
</script>
// 上面是页面脚本的实现
<table>
<tr>
<td colspan='4'>
<span id="fields">
<input type='file' name='filename[1]' size="30">
<br>
</span>
<small>
<a οnclick="addFileField() ; return false ;" href="#">添加其他文件</a>
</small>
</td>
</tr>
</table>
// 这是表单域,点击“添加其他文件”即可实现动态的添加上传文本域