vividona Posted February 19, 2011 Share Posted February 19, 2011 Hi Plz check this <html> <head> <title></title> <script type="text/javascript" language="javascript"><!-- function addfile() { //reading number of current files and putting the number in a variable var filesno=document.getElementById("f_no").getAttribute("value"); filesno++;//incrementing number of files var tbody = tb.tBodies.item(0);//storing the body content of the table into a variable var row = document.createElement("TR");//creating a row in a new ariable var td1 = document.createElement("TD");//creating text node "td", with the value of number of files td1 .appendChild (document .createTextNode (filesno)); var td3 = document.createElement("TD");//creating the input control and setting it's attribute var file=document.createElement ('<input>'); file.setAttribute ('type','file'); file.setAttribute ('name','fileupload'+filesno); td3 .appendChild (file );//adding the file control to the table data "td" //adding the "TD"s we created above to the row and adding the row to the table body row.appendChild(td1); row.appendChild(td3); tbody.appendChild(row); //updating the hidden input with the new number of files document.getElementById("f_no").setAttribute("value",filesno); } function removefile() { //reading the number of rows in the table, ten deleting the last row if(tb.rows.length>2){ tb.deleteRow(tb.rows.length-1); document.getElementById("f_no").setAttribute("value",document.getElementById("f_no").getAttribute("value")-1); } } //--></script> </head> <body style="text-align: center;color: white;background-color: gray;"> <form action="upload.php" enctype="multipart/form-data" method="POST" > <input type="button" value="add file" onclick="addfile()" /> <input type="button" value="remove file" onclick="removefile()" /> <table id="tb" border="2" align="center"> <thead> <tr> <td colspan="2">please choose files to upload</td> </tr> </thead> <tr><td>1.</td><td><input type="file" name="fileupload1" /></td></tr> </table> <input type="submit" value="upload the files" /> <input type="reset" value="clear fields" /> <br/><br/>Amr Osama<br/>CodeCall.Net <input type="hidden" name="MAX_FILE_SIZE" value="100000000000000000000"/> <input id="f_no" type="hidden" name="filesno" value="1"/> </form> </body> </html> This add file onclick. I need if I specified (5) multiple upload files, adding file should stop at number (5) and give warning message. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.