表单提交方式文件上传和ajax异步文件上传





一：首先是我在spring mvc下的表单提交方式上传

ssm的包配置我就不一一详细列出来了，但是上传的包我还是列出来





这一段我也不知道怎么给大家讲解就是直接贴代码了哈

前端的代码

<%@ page language="java" contentType="text/html; charset=UTF-8"

	pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

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

<title>文件的上传和下载</title>

<script type="text/javascript" src="js/jquery-1.9.1.min.js">

</script>

<script type="text/javascript" src="js/jquery-form.js">

</script>

<script type="text/javascript">

	</script>

</head>

<body>

	<form method="POST" enctype="multipart/form-data" class="fill" action="testFileUpload4Files">

		<table>

			<tr>

			<!-- 这里是多个文件上传 -->

				<td>添加:</td>

				<td><input type="file" name="file" /><br /> <input

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

					<input type="file" name="file" /><br /></td>

			</tr>

			<tr>

				<td>描述:</td>

				<td><input type="text" name="desc" />

				</td>

			</tr>

			<tr>

				<td colspan="2"><input type="submit" value="上传" />

				</td>

			</tr>

		</table>

	</form>

</body>

</html>

这里的enctype默认是application/x-www-form-urlencoded当我们设置为multipart/form-data用以支持向服务器发送二进制数据这样我们才能上传。就是这样直接传递到服务器里面去

接下来就是支持多文件传递的服务端的代码

 @RequestMapping("/testFileUpload4Files")

  public String addUser(@RequestParam("file") CommonsMultipartFile[] files,

      HttpServletRequest request) {

    for (int i = 0; i < files.length; i++) {

      System.out.println("fileName：" + files[i].getOriginalFilename());

      if (!files[i].isEmpty()) {

        try {

          files[i].transferTo(new File("d:\\temp\\" + files[i].getOriginalFilename()));

        } catch (IllegalStateException e) {

          e.printStackTrace();

        } catch (IOException e) {

          e.printStackTrace();

        }

      }

    }

    return "/success";

  }

现在就是直接选择文件提交表单就可以传递数据

二：ajax的异步文件上传



相信多数人都会提交表单方式上传文件但是遇到ajax可能有些没遇到过或者没得demo，我也是今天看了不少demo才知道可以用jquery-form.js这个插件来实现

插件里面我们可以直接调用ajaxForm实现异步上传，里面的种种方法定制上传样式就大家去实现了这里就只实现简单的上传，哈哈直接代码

前端代码 

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"

	contentType="text/html; charset=UTF-8"%>

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<%

  String path = request.getContextPath();

			String basePath = request.getScheme() + "://"

					+ request.getServerName() + ":" + request.getServerPort()

					+ path;

%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<meta charset="utf-8">

<title>springmvc上传文件</title>

<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>

<script type="text/javascript" src="js/jquery-form.js"></script>

<script type="text/javascript">

	$(document).ready(function() {

		$("input[type='submit']").on("click", function() {

			$(".fill").ajaxForm({

				url : "testFileUpload4Files1", // 请求的url

				type : "post", // 请求方式

				dataType : "text", // 响应的数据类型

				async : true, // 异步

				success : function(data) {

					alert(data);

				},

				error : function() {

					alert("数据加载失败！");

				}

			});

		});

	});

</script>

</head>

<body>

	<form method="POST" enctype="multipart/form-data" class="fill">

		<table>

			<tr>

				<td>添加:</td>

				<td><input type="file" name="file" /><br /> <input

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

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

				</td>

			</tr>

			<tr>

				<td>描述:</td>

				<td><input type="text" name="desc" /></td>

			</tr>

			<tr>

				<td colspan="2"><input type="submit" value="上传" /></td>

			</tr>

		</table>

</body>

</html>

服务端我是返回他的一个文件名表示上传成功

@ResponseBody

  @RequestMapping(value="/testFileUpload4Files1",produces = "text/html;charset=UTF-8")

  public String ajaxUpload(@RequestParam("file") CommonsMultipartFile[] files,

      HttpServletRequest request) {

    StringBuffer buffer = new StringBuffer();

    for (int i = 0; i < files.length; i++) {

      buffer.append(files[i].getOriginalFilename());

      System.out.println("fileName：" + files[i].getOriginalFilename());

      if (!files[i].isEmpty()) {

        try {

          files[i].transferTo(new File("d:\\temp\\" + files[i].getOriginalFilename()));

        } catch (IllegalStateException e) {

          e.printStackTrace();

        } catch (IOException e) {

          e.printStackTrace();

        }

      }

    }

    return buffer.toString();

  }

好的写完了  提供大家参考的主要还是源码大家可以直接看源码

spring mvc ajax异步文件的上传和普通文件上传的更多相关文章

  1. 高性能的关键：Spring MVC的异步模式

    我承认有些标题党了,不过话说这样其实也没错,关于“异步”处理的文章已经不少,代码例子也能找到很多,但我还是打算发表这篇我写了好长一段时间,却一直没发表的文章,以一个更简单的视角,把异步模式讲清楚. 什 ...

  2. Spring MVC的异步模式

    高性能的关键:Spring MVC的异步模式   我承认有些标题党了,不过话说这样其实也没错,关于“异步”处理的文章已经不少,代码例子也能找到很多,但我还是打算发表这篇我写了好长一段时间,却一直没发表 ...

  3. Spring MVC的异步模式DefferedResult

    原文:http://www.importnew.com/21051.html 什么是异步模式 要知道什么是异步模式,就先要知道什么是同步模式,先看最典型的同步模式: (图1) 浏览器发起请求,Web服 ...

  4. Spring使用ajax异步上传文件

    单文件上传 <!-- 创建文件选择框 --> 文件上传 :<input type="file" id="file" name="fi ...

  5. Spring MVC+ajax进行信息验证

    本文是一个ajax结合Spring MVC使用的入门,首先我们来了解一下什么是Ajax AJAX 不是新的编程语言,而是一种使用现有标准的新方法.AJAX 最大的优点是在不重新加载整个页面的情况下,可 ...

  6. Spring MVC的异步模式（ResponseBodyEmitter、SseEmitter、StreamingResponseBody） 高级使用篇

    DeferredResult高级使用 上篇博文介绍的它的基本使用,那么本文主要结合一些特殊的使用场景,来介绍下它的高级使用,让能更深刻的理解DeferredResult的强大之处. 它的优点也是非常明 ...

  7. spring mvc对异步请求的处理

    在spring mvc3.2及以上版本增加了对请求的异步处理,是在servlet3的基础上进行封装的. 1.修改web.xml <?xml version="1.0" enc ...

  8. spring mvc ajax 提交复杂数组类型

    The server refused this request because the request entity is in a format not supported by the reque ...

  9. spring mvc ajax请求

    jar包中增加 jackson-annotations-2.5.0.jar jackson-core-2.5.0.jar jackson-databind-2.5.0.jar springmvx.xm ...

随机推荐

  1. java String 中替换"\"为"\\"

    表示路径的字符串  c:\work\test\afd.out, 要形成 c:\\work\\test\\afd.out   用 String str = strBsf.replaceAll(" ...

  2. mysql 查看mysql相关信息

    登入数据库的时候: select @@version; select version(); 复制代码 mysql> select @@version; +-----------+ | @@ver ...

  3. Oracle_高级功能(4) 数据库存储结构

    数据库存储结构分为:物理存储结构和逻辑存储结构.物理结构和逻辑结构分开,对物理数据的存储不会影响对逻辑结构的访问.1.物理存储结构 数据库文件 os block2.逻辑存储结构 tablespace ...

  4. Thread中join()方法进行介绍

    http://www.cnblogs.com/skywang12345/p/3479275.html https://blog.csdn.net/dabing69221/article/details ...

  5. PHP编程时的规范化命名

    要想成为一名“合格”的程序员,就必须要有良好的编程习惯和规范,这样做的好处有很多,诸如:可以提高代码质量,提高程序的可维护性,提高开发速度和效率等.以下就简要的列出几条日常编写程序时大概要注意的一些“ ...

  6. 关于LCA的倍增解法的笔记

    emmmmm近日刚刚学习了LCA的倍增做法,写一篇BLOG来加强一下印象w 首先 何为LCA? LCA“光辉”是印度斯坦航空公司(HAL)为满足印度空军需要研制的单座单发轻型全天候超音速战斗攻击机,主 ...

  7. 使用VisualStudio开发php的图文设置方法

    早先在asp横行的年代,php和asp一样,大都都是html中夹杂代码,说实话,这时候IDE的确用处不是很大,倒是类似于dw之类的设计器甚为上手. 现在,三层.mvc之类的思想遍地开花,使得代码和ht ...

  8. 会调色了不起吗？ SORRY，会调色真的了不起！

    其实,现实的世界,大部分都是非常普通和常见的.所以调色师才有他们发挥的空间.如何把镜头中的世界变成梦幻一般. 把画面的颜色统一之后,逼格马上提升了很多! 发现表情不对,从其他照片把表情P回来,哈哈 这 ...

  9. DB2 sql报错后查证原因与解决问题的方法

    1.对于执行中的报错,可以在db2命令行下运行命令 : db2=>? SQLxxx 查看对应的报错原因及解决方法. 2.错误SQL0206N SQLSTATE=42703  检测到一个未定义的列 ...

  10. windows中执行celery beat任务

    由于最新的celery4.2不支持windows系统,因此按照网上的建议安装了3.1.25版.按照官网的说明使用 app.conf.beat_schedule = { 'add-every-30-se ...