jsp ajax 简单进度条上传文件

最新推荐文章于 2025-08-06 09:41:34 发布

aqxiebin

最新推荐文章于 2025-08-06 09:41:34 发布

阅读量406

点赞数

CC 4.0 BY-SA版权

分类专栏： JSP 文章标签： jsp ajax upload xmlhttprequest function buffer

本文链接：https://blog.youkuaiyun.com/aqxiebin/article/details/5834861

JSP 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一个使用Java和HTML实现文件上传功能的方法，并通过AJAX技术实时更新上传进度条，确保用户能直观地了解文件上传的状态。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<%@ page language="java" contentType="text/html; charset=GBK"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>My JSP 'upload.jsp' starting page</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <mce:script type="text/javascript"></mce:script> </head> <body> <form enctype="multipart/form-data" name="fileForm" method="post" target="target_upload"> <input type="file" value="浏览" name="fileUpload" /> <input type="button" id="shangchuan" value="上传" onclick="mySubmit(fileForm)" /> </form> <div id="status" style="visibility:hidden" mce_style="visibility:hidden"> <table width="25%" align="left"> <tbody> <tr> <td width="100%"> <table align="center" width="100%"> <tbody> <tr height="20px"> <td width="0%" bgcolor="green" id="com"> </td> <td width="100%" bgcolor="#CCCCCC" id="last"> </td> </tr> </tbody> </table> </td> </tr> <tr> <td id="percent" align="center"> <td id="test" align="center"> </td> </tr> </tbody> </table> </div> <div id='div'> </div> </body> </html>

demo.jsp::

upload.java

package myupload.progressbar; import java.io.File; import java.io.FileOutputStream; import java.io.IOException; import java.io.InputStream; import java.util.Iterator; import java.util.List; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import org.apache.commons.fileupload.FileItem; import org.apache.commons.fileupload.FileItemFactory; import org.apache.commons.fileupload.FileUploadException; import org.apache.commons.fileupload.disk.DiskFileItemFactory; import org.apache.commons.fileupload.servlet.ServletFileUpload; public class Upload extends HttpServlet { public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { request.setCharacterEncoding("GBK"); response.setContentType("text;charset=ISO-8859-1"); if ("status".equalsIgnoreCase(request.getParameter("status"))) { status(response); } else { totalSize = request.getContentLength(); try { upload(request); } catch (FileUploadException e) { e.printStackTrace(); } } } private void upload(HttpServletRequest request) throws FileUploadException, IOException { FileItemFactory factory = new DiskFileItemFactory(); ServletFileUpload upload = new ServletFileUpload(factory); List items = upload.parseRequest(request); for (Iterator it = items.iterator(); it.hasNext();) { FileItem fileItem = (FileItem) it.next(); if (!fileItem.isFormField()) { String fileName = fileItem.getName().substring( fileItem.getName().lastIndexOf("//") + 1); System.out.println(fileName); File file = new File("C:/", fileName); InputStream in = fileItem.getInputStream(); FileOutputStream out = new FileOutputStream(file); byte[] buffer = new byte[2048]; int n; while ((n = in.read(buffer)) != -1) { out.write(buffer, 0, n); completedSize += (long) n; } fileItem.delete(); } } totalSize = completedSize = 0L; } private void status(HttpServletResponse response) throws IOException { long lastSeconds = (System.currentTimeMillis() - startTime) / 1000; double percentd = (double) (completedSize * 100) / (double) (totalSize + 0.0001); int percent = (int) (percentd); int lastpercent = 0; int uploadSpeed = (int) (completedSize / (lastSeconds + 0.0001)); System.out.print("lastSeconds:" + lastSeconds + "/tuploadSpeed:" + uploadSpeed + "/tpercent:" + percent); System.out.println("/tcompletedSize:" + completedSize + "/ttotalSize:" + totalSize); if(lastpercent==99&&percent==0) percent=100; //System.out.println("persent is " + percent); //System.out.println("lastpersent is " + lastpercent ); lastpercent = percent; response.getWriter().print(percent); } public void init() throws ServletException { totalSize = 0L; completedSize = 0L; startTime = System.currentTimeMillis(); } private long totalSize = 0L; private long completedSize = 0L; private long startTime = 0L; }