下面是前端js代码：

File upload

enctype="multipart/form-data">

File:

下面是后端的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 items = upload.parseRequest(request);// 得到所有的文件

Iterator 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 的配置

tom2

index.html

index.htm

index.jsp

default.html

default.htm

default.jsp

Upload

com.zj.sample.Upload

Upload

/home/fileupload

文件结构：

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

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

前端js上传文件后端C&num;接收文件

本文粗略的讲下前端文件上传和后端文件接收的原理 前端代码 html

前端js上传文件插件

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

框架基础：ajax设计方案(三)--- 集成ajax上传技术 大文件&sol;超大文件前端切割上传，后端进行重组

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

前端通信：ajax设计方案(四)--- 集成ajax上传技术 大文件&sol;超大文件前端切割上传，后端进行重组

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

SWFUpload多图上传、C&num;后端跨域传文件带参数

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

js上传超大文件解决方案

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

JS上传大文件的解决方案

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

js上传整个文件夹

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

随机推荐

mysql 主从

1.首先 主库创建二进制数据访问账户(账户:repl 密码:repl@01) GRANT REPLICATION SLAVE, REPLICATION CLIENT ON *.* to repl@'% ...

十五天精通WCF——第五天 你需要了解的三个小技巧

一: 服务是端点的集合 当你在开发wcf的时候,你或许已经注意到了一个service可以公布多个endpoint,确实是这样,在wcf中有一句很经典的话,叫做“服务是端点的集合",就 比如说 ...

python爬虫之git的团队协作

一.Git实践: commit,push,pull,status,add基本是最常用的几个命令. 1.首先我在github上创建了一个项目,然后我在本地的文件建立了一个普通的目录(git_data). ...

【题解】Hanoi

题目描述 有三根柱A,B,C.在柱A上有N块盘片,所有盘片都是大的在下面,小片能放在大片上面.并依次编好序号,现要将A上的N块片移到C柱上,每次只能移动一片,而且在同一根柱子上必须保持上面的盘片比下面 ...

WKWebView实现网页静态资源优先从本地加载

前言:最近微信的小游戏跳一跳特别的火,顺便也让h5小游戏更加的火热.另外微信小程序,以及支付宝的小程序都是用H5写的.无论是小游戏还是小程序,这些都需要加载更多的资源文件,处理更多的业务.这些都对网页 ...

npm 升降级

npm 降级 $ npm -v 6.4.1 $ sudo npm install npm@4 -g /usr/bin/npm -> /usr/lib/node_modules/npm/bin/n ...

虚拟机下 centos7 无法连接网络

[root@localhost ~]# cd /etc/sysconfig/network-scripts [root@localhost network-scripts]# ls ifcfg-ens ...

&lbrack;SoapUI&rsqb; SoapUI可以做到些什么？功能有多强大？

SoapUI. The Swiss-Army Knife of Testing. Whether you’re a tester, developer, business analyst, or ma ...

react中使用react-transition-group实现动画

css动画的方式,比较局限,涉及到一些js动画的时候没法处理了.react-transition-group是react的第三方模块,借住这个模块可以更方便的实现更加复杂的动画效果 https://g ...