下面是前端js代码：

<html>

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=GB18030">

    <title>File upload</title>

</head>

<body>

<!--  // action="fileupload"对应web.xml中<servlet-mapping>中<url-pattern>的设置. -->

    <form name="myform" action="fileupload" method="post"

       enctype="multipart/form-data">

       File:<br>

       <input type="file" name="myfile"><br>

       <br>

       <input type="submit" name="submit" value="Commit">

    </form>

</body>

</html>

下面是后端的java代码：

package com.zj.sample;

import java.io.File;

import java.io.IOException;

import java.util.Iterator;

import java.util.List;

import javax.servlet.ServletException;

import javax.servlet.annotation.WebServlet;

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.disk.DiskFileItemFactory;

import org.apache.commons.fileupload.servlet.ServletFileUpload;

/**

 * Servlet implementation class Upload

 */

@WebServlet("/Upload")

public class Upload extends HttpServlet {

    private static final long serialVersionUID = 1L;

    private String uploadPath = "D:\\temp"; // 上传文件的目录

    private String tempPath = "d:\\temp\\buffer\\"; // 临时文件目录

    File tempPathFile;

    /**

     * @see HttpServlet#HttpServlet()

     */

    public Upload() {

        super();

        // TODO Auto-generated constructor stub

    }

    /**

     * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)

     */

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

        // TODO Auto-generated method stub

    }

    /**

     * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)

     */

    @SuppressWarnings("unchecked")

    public void doPost(HttpServletRequest request, HttpServletResponse response)

           throws IOException, ServletException {

       try {

           // Create a factory for disk-based file items

           DiskFileItemFactory factory = new DiskFileItemFactory();

           // Set factory constraints

           factory.setSizeThreshold(4096); // 设置缓冲区大小，这里是4kb

           factory.setRepository(tempPathFile);// 设置缓冲区目录

           // Create a new file upload handler

           ServletFileUpload upload = new ServletFileUpload(factory);

           // Set overall request size constraint

           upload.setSizeMax(4194304); // 设置最大文件尺寸，这里是4MB

           List<FileItem> items = upload.parseRequest(request);// 得到所有的文件

           Iterator<FileItem> i = items.iterator();

           while (i.hasNext()) {

              FileItem fi = (FileItem) i.next();

              String fileName = fi.getName();

              if (fileName != null) {

                  File fullFile = new File(fi.getName());

                  File savedFile = new File(uploadPath, fullFile.getName());

                  fi.write(savedFile);

              }

           }

           System.out.print("upload succeed");

       } catch (Exception e) {

           // 可以跳转出错页面

           e.printStackTrace();

       }

    }

    public void init() throws ServletException {

        File uploadFile = new File(uploadPath);

        if (!uploadFile.exists()) {

            uploadFile.mkdirs();

        }

        File tempPathFile = new File(tempPath);

         if (!tempPathFile.exists()) {

            tempPathFile.mkdirs();

        }

     }

}

web.xml 的配置

<?xml version="1.0" encoding="UTF-8"?>

<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd" id="WebApp_ID" version="3.0">

  <display-name>tom2</display-name>

  <welcome-file-list>

    <welcome-file>index.html</welcome-file>

    <welcome-file>index.htm</welcome-file>

    <welcome-file>index.jsp</welcome-file>

    <welcome-file>default.html</welcome-file>

    <welcome-file>default.htm</welcome-file>

    <welcome-file>default.jsp</welcome-file>

  </welcome-file-list>

  <servlet>

    <servlet-name>Upload</servlet-name>

    <servlet-class>com.zj.sample.Upload</servlet-class>

  </servlet>

  <servlet-mapping>

    <servlet-name>Upload</servlet-name>

    <url-pattern>/home/fileupload</url-pattern>

  </servlet-mapping>

</web-app>

文件结构：

前端js上传文件 到后端接收文件的更多相关文章

  1. 七牛云实现前端js上传实现办法

    1.七牛云上传前台页面 1.1 安装相关包 npm install --save jquery@1.12.1 # 安装jquery 1.2 index.html 引入qiniu.min.js < ...

  2. 前端js上传文件后端C#接收文件

    本文粗略的讲下前端文件上传和后端文件接收的原理 前端代码 html <form onsubmit="uploadFile(event)"> <input type ...

  3. 前端js上传文件插件

    1. plupload文件上传 2.ajaxfileupload文件上传

  4. 框架基础：ajax设计方案（三）--- 集成ajax上传技术 大文件/超大文件前端切割上传，后端进行重组

    马上要过年了,哎,回家的心情也特别的激烈.有钱没钱,回家过年,家永远是舔舐伤口最好的地方.新的一年继续加油努力. 上次做了前端的ajax的上传文件技术,支持单文件,多文件上传,并对文件的格式和大小进行 ...

  5. 前端通信：ajax设计方案（四）--- 集成ajax上传技术 大文件/超大文件前端切割上传，后端进行重组

    马上要过年了,哎,回家的心情也特别的激烈.有钱没钱,回家过年,家永远是舔舐伤口最好的地方.新的一年继续加油努力. 上次做了前端的ajax的上传文件技术,支持单文件,多文件上传,并对文件的格式和大小进行 ...

  6. SWFUpload多图上传、C#后端跨域传文件带参数

    前几天工作中用到了SWFUpload上传图片,涉及到跨域,因为前端无法实现跨域,所以只能把文件传到后端进行跨域请求,整理分享下. 效果图 前端 html部分 <!DOCTYPE html> ...

  7. js上传超大文件解决方案

    需求: 支持大文件批量上传(20G)和下载,同时需要保证上传期间用户电脑不出现卡死等体验: 内网百兆网络上传速度为12MB/S 服务器内存占用低 支持文件夹上传,文件夹中的文件数量达到1万个以上,且包 ...

  8. JS上传大文件的解决方案

    最近遇见一个需要上传百兆大文件的需求,调研了七牛和腾讯云的切片分段上传功能,因此在此整理前端大文件上传相关功能的实现. 在某些业务中,大文件上传是一个比较重要的交互场景,如上传入库比较大的Excel表 ...

  9. js上传整个文件夹

    文件夹上传:从前端到后端 文件上传是 Web 开发肯定会碰到的问题,而文件夹上传则更加难缠.网上关于文件夹上传的资料多集中在前端,缺少对于后端的关注,然后讲某个后端框架文件上传的文章又不会涉及文件夹. ...

随机推荐

  1. 简单的多线程（活用OD解决运行时错误）

    代码源自<VC++深入详解>第15章 “多线程”,位于第563页 - 566 页. 程序的目的是展示多线程运行的效果: #include <windows.h> #includ ...

  2. 30道四则运算<2>单元测试

    该测试未实现除法 该测试中间多了/)两个符号,而且没有等号和回车. 该测试也没有符合除法要求 该测试也没有满足除法要求 该测试满足要求. 总结:程序中涉及到有除法的输出都有问题,多次改正未果:其他条件 ...

  3. HDU 1300

    http://acm.hdu.edu.cn/showproblem.php?pid=1300 这题大一就看到过,当时没读懂题目,今天再做就容易多了 题意:升序给出n个珍珠的的数量和价值,问买这些珍珠的 ...

  4. nginx+lua项目学习

    1.启动nginx命令 /usr/local/ngx_openresty/nginx/sbin/nginx -p /usr/local/ngx_openresty/nginx/ -c /usr/loc ...

  5. phpcms站---去除域名绑定目录中的HTML

    原网址:http://www.xker.com/page/e2014/1207/148536.html 打开 \install_package 打开 \caches\configs 目录下的 syst ...

  6. Examining Open vSwitch Traffic Patterns

    In this post, I want to provide some additional insight on how the use of Open vSwitch (OVS) affects ...

  7. 【转】论创新工场、职业发展、offer如何比较选择、移动互联网

    大纲:一.缘由.概述二.创新工场的模式三.职业发展道路的影响因素四.职业选择的几个小问题五.李开复的移动互联网和我眼中的移动互联网六.再见和祝福 一.缘由.概述1.缘由        前两周,有个师弟 ...

  8. mysql-server 的一些记录

    为避免 innodb 文件的增大.个人倾向于读立表空间.以 innodb_file_per_table=1 参数调整. 不使用默认数据目录的话,须得将 grp own 都循环设置为mysql. 昨天晚 ...

  9. 简述HP iLO中的几种开关机选项

    ILO是intergrated Light-Out的缩写,是HP的远程管理功能,它可以实现远程开关机.远程安装.远程连接等功能. 笔者刚接触HP服务器时对四个关于开关机的选项非常困惑,不明其中区别.此 ...

  10. timus 1033 Labyrinth(BFS)

    Labyrinth Time limit: 1.0 secondMemory limit: 64 MB Administration of the labyrinth has decided to s ...