jsp上传文件案例（有源码）

最新推荐文章于 2025-05-18 21:43:03 发布

xinghuo0007

最新推荐文章于 2025-05-18 21:43:03 发布

阅读量3.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： jsp 文章标签： apache jsp 开发工具 myeclipse

本文链接：https://blog.youkuaiyun.com/xinghuo0007/article/details/72803893

该博客详细介绍了如何在jsp中实现文件上传，包括准备工作、前端页面设计、后台Servlet和Filter的代码实现，以及项目中需要注意的关键点，并提供了完整的源码下载链接，鼓励读者进行交流讨论。

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

前言

这两天做上传的功能，趁着端午节的时间在家里做了一个上传的案例。今天写个博客记录一下！
说明：
    1.项目使用myeclipse开发工具
    2.项目的源码的压缩格式是7z,可以下载一个7z压缩工具解压

知识点一：准备工作

 1.需要引入jar包---这里使用了apache的包
     commons-fileupload-1.2.2.jar
     commons-io-2.0.1.jar
 2.前台使用的js文件---我使用的是ajax提交的表单
     jquery-3.2.1.js
     jquery.form.js

知识点二：项目中的知识点：

1. java操作文件知识
2. java流相关知识
3. ajax提交表单
4. servlet知识
5. filter知识

前台页面：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML >
<html>
  <head>
    <base href="<%=basePath%>">
   <!-- html 5 的编码设置方式 -->  
    <meta charset="UTF-8">  
    <title>上传demo</title>
    <script type="text/javascript"  src="static/js/jquery-3.2.1.js"></script>
    <script type="text/javascript" src="http://malsup.github.io/jquery.form.js"></script>
    <!--
    <link rel="stylesheet" type="text/css" href="styles.css">
    -->

    <script type="text/javascript">

        $(function(){
    
    
            //给 “使用ajax上传” 按钮绑定点击事件
            $("#uploadButton").on("click",function(){
    
    
                $("#uploatForm").ajaxSubmit({
                    beforeSubmit:function(){
    
    //提交前调用
                        //alert('准备提交表单了');
                    },
                    success:function(data){
    
    //成功调用
                        //alert("提交成功了");
                        if(typeof(data) ==