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. 【数据科学】Python数据可视化概述

    注:很早之前就打算专门写一篇与Python数据可视化相关的博客,对一些基本概念和常用技巧做一个小结.今天终于有时间来完成这个计划了! 0. Python中常用的可视化工具 Python在数据科学中的地 ...

  2. 读写锁ReentrantReadWriteLock：读读共享，读写互斥，写写互斥

    介绍 DK1.5之后,提供了读写锁ReentrantReadWriteLock,读写锁维护了一对锁:一个读锁,一个写锁.通过分离读锁和写锁,使得并发性相比一般的排他锁有了很大提升.在读多写少的情况下, ...

  3. Linux文件权限与属性详解 之 su & sudo

    Linux文件权限与属性详解 之 一般权限 Linux文件权限与属性详解 之 ACL Linux文件权限与属性详解 之 SUID.SGID & SBIT Linux文件权限与属性详解 之 ch ...

  4. vmware vcsa-6.5 网络架构之虚拟机的分布式交换机

    一.配置VDS 必须来用vcenter server来配置 下面一些理论是抄的王老师的,供大家学习,主意在于学习技术,分享知识. 1.VDS架构图如下: 2.架构图里面有两个逻辑层,数据面板,管理面板 ...

  5. Python 的名称空间和作用域

    最开始对名称空间的了解是在学习函数的时候,那时候知道了作用域的查找顺序,以及全局名称空间和局部名称空间,产生疑惑的时候为学递归的时候,那时候还没有名称空间这个概念,只知道递归有个最大深度,那时候以后递 ...

  6. Spark的核心RDD（Resilient Distributed Datasets弹性分布式数据集）

    Spark的核心RDD (Resilient Distributed Datasets弹性分布式数据集)  原文链接:http://www.cnblogs.com/yjd_hycf_space/p/7 ...

  7. cronolog日志切割catalina.out

    cronolog日志切割catalina.out (一)解压安装cronolog 1:wget  https://files.cnblogs.com/files/crazyzero/cronolog- ...

  8. H5 贪吃蛇源码

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  9. C#异步线程

    对需要同时进行的操作进行异步线程处理:例如在一个button按钮点击事件中同时进行两种事件操作private void button_Click(object sender, EventArgs e) ...

  10. Prism 学习：从本地目录加载 Module

    在 Prism 中,将外部模块加载到主程序有以下几种方式:Code.XAML.配置文件.指定模块目录:其中,如果要使用 Code 方式来加载 Module,则需要将该 Module 引用到当前项目中: ...