通过ajax将上传的图像发送到jsp

时间:2014-05-15 20:27:20

标签: ajax jsp servlets

首先对不起,如果我的问题是基本的,但我真的不知道如何处理它:)

我有一个上传按钮,当我点击它时我可以将图像上传到服务器我的html代码如下:

<html>
<head>
<title>File Uploading Form</title>
</head>
 <body>
<h3>File Upload:</h3>
 Select a file to upload: <br />
 <form action="fileupload.jsp" method="post"
                    enctype="multipart/form-data">
 <input type="file" name="file" size="50" />
 <br />
 <input type="submit" value="Upload File" />
  </form>
  </body>
  </html>

显示结果的jsp文件如下:

     <%@ page import="java.io.*,java.util.*, javax.servlet.*" %>
     <%@ page import="javax.servlet.http.*" %>
     <%@ page import="org.apache.commons.fileupload.*" %>
      <%@ page import="org.apache.commons.fileupload.disk.*" %>
      <%@ page import="org.apache.commons.fileupload.servlet.*" %>
       <%@ page import="org.apache.commons.io.output.*" %>
  <html>
   <head>
      <title>File Uploading Form</title>
       </head>
      <body>

<%
String str="service_twitter_on2.png";
File file ;
String fileName="";
 int maxFileSize = 5000 * 1024;
    int maxMemSize = 5000 * 1024;
       ServletContext context = pageContext.getServletContext();
     String filePath = context.getInitParameter("file-upload");
    /* filePath="C:\\Users\\Hamed\\Desktop\\temp\\"; */
    filePath="E://ws//rrr//WebContent//images//";
       // Verify the content type
        String contentType = request.getContentType();
     if ((contentType.indexOf("multipart/form-data") >= 0)) {

  DiskFileItemFactory factory = new DiskFileItemFactory();
  // maximum size that will be stored in memory
  factory.setSizeThreshold(maxMemSize);
  // Location to save data that is larger than maxMemSize.
  factory.setRepository(new File("c:\\temp"));

  // Create a new file upload handler
  ServletFileUpload upload = new ServletFileUpload(factory);
  // maximum file size to be uploaded.
  upload.setSizeMax( maxFileSize );
  try{ 
     // Parse the request to get file items.
     List fileItems = upload.parseRequest(request);

     // Process the uploaded file items
     Iterator i = fileItems.iterator();

     out.println("<html>");
     out.println("<head>");
     out.println("<title>JSP File upload</title>");  
     out.println("</head>");
     out.println("<body>");
     while ( i.hasNext () ) 
     {
        FileItem fi = (FileItem)i.next();
        if ( !fi.isFormField () )   
        {
        // Get the uploaded file parameters
        String fieldName = fi.getFieldName();
        fileName = fi.getName();
        boolean isInMemory = fi.isInMemory();
        long sizeInBytes = fi.getSize();
        // Write the file
        if( fileName.lastIndexOf("\\") >= 0 ){


        file = new File( filePath +  fileName.substring(fileName.lastIndexOf("\\"))) ;
        str=fileName.substring(fileName.lastIndexOf("\\"));
        }else{

        file = new File( filePath + 
        fileName.substring(fileName.lastIndexOf("\\")+1)) ;
        str=fileName.substring(fileName.lastIndexOf("\\")+1);
        }

        fi.write( file ) ;
        /* out.println("Uploaded Filename: " + filePath + fileName + "<br>"); */
        out.println("Uploaded Filename: " + filePath + fileName + "<br><br>");

        }
     }
     out.println("</body>");
     out.println("</html>");
  }catch(Exception ex) {
     System.out.println(ex);
  }
    }else{
        out.println("<html>");
      out.println("<head>");
       out.println("<title>Servlet upload</title>");  
        out.println("</head>");
         out.println("<body>");
           out.println("<p>No file uploaded</p>"); 
        out.println("</body>");
        out.println("</html>");

        }
      %>
     <img src="images/<%=str%>"/>
    </body>

      </html>

它可以工作,但我想发送用户通过ajax上传的图像(并在servlet中接收)而不是使用表单。我搜索了很多,但我找不到任何好的例子!

任何人都可以帮助我吗?

0 个答案:

没有答案