Servlet3.0开始提供了一系列的注解来配置Servlet、Filter、Listener等等。这种方式可以极大的简化在开发中大量的xml的配置。从这个版本开始，web.xml可以不再需要，使用相关的注解同样可以完成相应的配置。

我笔记里也有记文件上传：https://www.cnblogs.com/hhmm99/p/9239782.html

a.选中上传

b:后台显示

c:上传的文件夹

html代码：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Ajax上传</title>

    <script src="js/jquery-1.12.4.js"></script>

</head>

<body>

    <h1>文件上传</h1>

    <form id="f" enctype="multipart/form-data">

        UserName:<input type="text" name="userName"><br/>

        File1:<input type="file" name="file"><br/>

        File2:<input type="file" name="file"><br/>

        <input type="button" id="btn" value="提交">

    </form>

</body>

<script>

    $(function () {

        $("#btn").on("click",function () {

            //使用FormData对象来提交整个表单，它支持文件的上传

            var formData=new FormData(document.getElementById("f"));

            //额外带来一些数据

            formData.append("age",14);

            //使用ajax提交

            $.ajax("ajaxUpload",{

                type:"post",

                data:formData,

                processData:false,//告诉jquery不要去处理请求的数据格式

                contentType:false,//告诉jquery不要设置请求头的类型

                success:function (data) {

                    alert(data);

                }

            });

        })

    })

</script>

</html>

java后台代码：

@WebServlet("/ajaxUpload")

@MultipartConfig //开启上传功能

/**

 * @author hh

 */

public class FileUploadServlet extends HttpServlet {

    @Override

    protected void service(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {

        req.setCharacterEncoding("utf-8");

        //获取用户名

        String userName=req.getParameter("userName");

        //获取年龄

        String age=req.getParameter("age");

        System.out.println(userName);

        System.out.println(age);

        //获取项目部署的绝对路径

        String uploadPath=req.getServletContext().getRealPath("/photos");

        //构建上传的文件夹

        File dir=new File(uploadPath);

        if(!dir.exists()){

            dir.mkdir();

        }

        //获取所有上传的Part

       Collection<Part> parts= req.getParts();

        for (Part part:parts) {

            //判断上传的类型是否为空，如果为空则不执行上传

            if(part.getContentType()!=null){

                //获取文件名

                String fileName=part.getSubmittedFileName();

                //执行上传

                part.write(uploadPath+File.separator+fileName);

            }

        }

        //响应上传成功

        resp.getWriter().println("uplaod success");

    }

}

使用FormData进行Ajax请求上传文件的更多相关文章

  1. SSM框架下,使用ajax请求上传文件(doc\docx\excel\图片等)

    1.准备工作 1.1.添加上传必要jar包 <dependency> <groupId>commons-io</groupId> <artifactId> ...

  2. koa2：通过Ajax方式上传文件，使用FormData进行Ajax请求

    koa2通过表单上传的网上很多,但通过Ajax方式上传文件,使用FormData进行Ajax请求,不好找. 参考了这个用base64上传图片的例子.https://github.com/Yuki-Mi ...

  3. python中使用multipart/form-data请求上传文件

    最近测试的接口是上传文件的接口,上传单个文件,我主要使用了2种方法~ 接口例如: URL: http://www.baidu.com/*** method:post 参数: { "salar ...

  4. SpringMVC实现PUT请求上传文件

    在JQuery中,我们可以进行REST ful中delete和put的请求,但是在java EE标准中,默认只有在POST请求的时候,servlet 才会通过getparameter()方法取得请求体 ...

  5. （23）ajax实现上传文件的功能

    form表单上传文件 urls.py from django.conf.urls import urlfrom django.contrib import adminfrom app01 import ...

  6. ajax异步上传文件和表单同步上传文件 的区别

    1. 用表单上传文件(以照片为例)-同步上传 html部分代码:这里请求地址index.php <!DOCTYPE html> <html lang="en"&g ...

  7. ajax如何上传文件（整理）

    ajax如何上传文件(整理) 一.总结 一句话总结:用FormData,FormData+ajax=异步上传二进制文件 <form enctype="multipart/form-da ...

  8. django中通过文件和Ajax来上传文件

    一.通过form表单来上传文件 1.在html模板中 <form action="/index/" method="post" enctype=" ...

  9. 使用ajax请求上传多个或者多个附件

    jsp页面 <%@ page language="java" pageEncoding="UTF-8"%> <!DOCTYPE HTML> ...

随机推荐

  1. for循环输出树木的形状【java】

    使用for循环语句输出以下“树木”效果: * *** ***** ******* ********* * * * * * 代码: /* * *** ***** ******* ********* * ...

  2. C# 获取 sha256

    C# 获取 sha256, 输入可以是 字符串,也可以是 字节流流: 自定义的输入类型的枚举: public enum Sha26ParseType { StringType, StreamType ...

  3. zepto的构造器$

    在zepto中,通过$来构造对象 $ = function(selector, context){ return zepto.init(selector, context) } 由该函数,实际上,在调 ...

  4. 第一册：lesson seventeen。

    原文:How do ;you do? A:Come and meet our employees,Mr.B. B:Thank you Mr.A. A:This is ...and this is .. ...

  5. 从零开始学安全(十六)● Linux vim命令

    游标控制 h 游标向左移 j 游标向下移 k 游标向上移 l (or spacebar) 游标向右移 w 向前移动一个单词 b 向后移动一个单词 e 向前移动一个单词,且游标指向单词的末尾 ( 移到当 ...

  6. c# 接口的协变和逆变

    如果派生类只是用于输出值,那么这种结构化的委托有效性之间的常数关系叫做协变 就是创建一个派生类委托对象 让派生类赋值给基类对象 协变关键字out 对期望传入基类时允许传入派生对象的特性叫逆变  逆变关 ...

  7. T-SQL ：编程理论 (一)

    SQL代表结构化查询语言,是一种在关系数据库系统中查询和管理数据的标准语言.sql语句也有几个类别,包括定义语言(DDL),数据操作语言(DML),数据控制语言(DCL). DDL包括create,a ...

  8. 解决org.hibernate.exception.SQLGrammarException:could not insert

    今天在使用hibernate搭建项目时碰到了这个错误,找了好半天没能发现错误的原因, 上网求助了一下 发现出现这个bug的原因是因为数据表使用了数据库的关键字(保留字) 然后检查了一下,发现字段名称都 ...

  9. Java学习笔记之——构造方法

    构造方法:方法名和类名相同且没有返回值 1.作用 创建对象 对象初始化 2.普通方法的结构 权限修饰符 返回值类型 方法名(形参){ 方法体: } 3. 构造方法的结构 (1)结构 权限修饰符 方法名 ...

  10. javascript算法-插入排序

    原理跟java那篇文章一样,只是语言不同而已 var InsertSort = function( _n ){ this.maxSize = _n; this.arr = []; this.init ...