<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript">
function add_file_field()
{
var container=document.getElementById('file_container');
var file_field=document.createElement('input');
file_field.name='images[]';
file_field.type='file';
container.appendChild(file_field);
var br_field=document.createElement('br');
container.appendChild(br_field);
}
function add_file_field1()
{
var container=document.getElementById('file_container1');
var file_field=document.createElement('input');
file_field.name='photos[]';
file_field.type='file';
container.appendChild(file_field);
var br_field=document.createElement('br');
container.appendChild(br_field);
}
</script>
</head>
<body>
<form action="upload.php" method="post">
<div id="file_container">
<input name="images[]" type="file" /><br />
</div>
<a href="javascript:void(0);" onClick="add_file_field();">Add another</a><br />
<div id="file_container1">
<input name="photos[]" type="file" /><br />
</div>
<a href="javascript:void(0);" onClick="add_file_field1();">Add another</a><br />
<input type="submit" value="submit"/>
</form>
</body>
</html>