how to upload form data and image using jsp

Hi everyone ,i want to upload form data and image to database but nothing is inserted into database as all the columns returns null.
i know that getParameter does not work under multiforms so i develop a javascript that can upload many form at a time
using one submit button but still yet nothing is inserted into my database.
please i need your help.below is the code

-----------------lion1.jsp---------------

<HTML>
<HEAD>
<TITLE>jsp</TITLE>
<style>form{height:25px;}</style>
<SCRIPT LANGUAGE="JavaScript">
/* Collect all forms passed by array and post it */
function submitFormsById(arFormsSubmit)
{
var formCollector = document.createElement("form");
with(formCollector)
{
method = "post";
action = "lion.jsp";
name = "formCollector";
id = "formCollector";
style.display = "none";
}

for(var ix = 0; ix<arFormsSubmit.length;ix++)
appendFormVals2Form(document.getElementById(arFormsSubmit[ix]), formCollector);

document.body.appendChild(formCollector);
formCollector.submit();
}

/* Collect all forms in document to one and post it */
function submitAllDocumentForms() {
var arrDocForms = document.getElementsByTagName('form');
var formCollector = document.createElement("form");
with(formCollector)
{
method = "post";
action = "lion.jsp";
name = "formCollector";
id = "formCollector";
}

for(var ix=0;ix<arrDocForms.length;ix++) {
appendFormVals2Form(arrDocForms[ix], formCollector);
}

document.getElementById('form_post_container').appendChild(formCollector);
formCollector.submit();

}

/* Function: add all elements from ``frmCollectFrom´´ and append them to ``frmCollector´´ before returning ``frmCollector´´*/
function appendFormVals2Form(frmCollectFrom, frmCollector) {
var frm = frmCollectFrom.elements;
for(var ix = 0 ; ix < frm.length ; ix++)
frmCollector.appendChild(frm[ix]);
return frmCollector;
}

</SCRIPT>
</HEAD>

<BODY>

FORM1:

</BODY>
</HTML>

----------------------lion.jsp---------------------

<%@ page import="java.sql.*" %> 
<%@ page import="org.apache.commons.fileupload.*"%> 
<%@ page import="org.apache.commons.io.output.*"%> 
<%@ page import="org.apache.commons.fileupload.servlet.*"%> 
<%@ page import="org.apache.commons.fileupload.disk.*"%> 
<%@ page import="java.io.*"%> 
<%@ page import="java.util.*"%> 
<% 
   Connection conn=null; 
   Class.forName("com.mysql.jdbc.Driver").newInstance(); 
    conn = DriverManager.getConnection("jdbc:mysql://localhost:3306/student","root", "root");
 
   String lastname = request.getParameter("lastname");
   PreparedStatement psImageInsertDatabase=null; 
    
   byte[] b=null; 
   try{ 
      String sqlImageInsertDatabase="insert into toma (picture,lastname) values(?,?)"; 
      psImageInsertDatabase=conn.prepareStatement(sqlImageInsertDatabase); 
       
      DiskFileItemFactory factory = new DiskFileItemFactory();

ServletFileUpload sfu = new ServletFileUpload(factory); 
      List items = sfu.parseRequest(request);

Iterator iter = items.iterator(); 
       
      while (iter.hasNext()) { 
         FileItem item = (FileItem) iter.next(); 
         if (!item.isFormField()) { 
              b = item.get(); 
          } 
      } 
       
      psImageInsertDatabase.setBytes(1,b);
      psImageInsertDatabase.setString(2, lastname); 
      psImageInsertDatabase.executeUpdate(); 
   } 
   catch(Exception e) 
   { 
     e.printStackTrace(); 
     response.sendRedirect("lion1.jsp"); 
   }

%> 
<font size="4" color="green">your form and image is uploaded into Database.</font>

Please indent your HTML/JavaScript... and I generally recommend against using with--almost always causes more problems than it solves :)

You can't submit more than one form at once--and trying to pretend you can is likely to end with tears. Why not just use a multipart form library, like the one offered by Apache?

Thank you very much sir am using apache-tomcat 6.0.16.how do i get or locate the multiform library
thanks.

The Apache library is commons-fileupload.

thank you am working on it