Script to create multiple input type file in JavaScript

  1. <?php  
  2. $getuploadfiles="";  
  3. $validExtensions = array(".gif", ".jpeg", ".jpg", ".png",".GIF",".JPEG",".JPG",".PNG", ".SWF", ".swf");  
  4. for($i=0;$i<=count($_FILES["file"]["name"])-1;$i++)  
  5. {  
  6. $filename=$_FILES["file"]["tmp_name"][$i];  
  7. $fileExtension = strrchr($_FILES['file']['name'][$i], ".");  
  8. if (in_array($fileExtension, $validExtensions))  
  9. {  
  10. $newName = time() . '_' . $_FILES['file']['name'][$i];  
  11. $destination = 'RealImage/' . $newName;  
  12. if (move_uploaded_file($_FILES['file']['tmp_name'][$i], $destination))  
  13. {  
  14. $getuploadfiles=$getuploadfiles.$newName.',';  
  15. }  
  16. }  
  17. }  
  18. ?>  
  19. <script type="text/javascript" src="jquery2.js"></script>  
  20. <script>  
  21. $(function(){  
  22. var i=1;  
  23. $('#addupload').click(function(){  
  24. if(i<=9)  
  25. {  
  26. var addControl = '<br><br><label>Upload an image:</label>';  
  27. addControl += ' <input type="file" name="file[]" class="imageupload"><br>';  
  28. $('#TillHere').before(addControl);  
  29. i=i+1; $('#TillHere').focus();  
  30. }  
  31. });  
  32. });  
  33. </script>  
  34. <label>Upload an image:</label> <input type="file" name="file[]" class="imageupload" onchange="readURL(this);"><span id="addupload">Add more images</span>  
  35. <div class="Bottom-line" id="TillHere"></div>