使用Maven的SSM环境+jquery+ajax 实现多文件图片上传并预览后保存到本地，图片路径保存在数据库整套流程

实现功能

1.选择文件后直接预览
2.点击上传按钮后使用ajax批量提交数据给服务器处理

预览

一.配置文件

springMVC配置文件中添加

	<!-- 上传文件 -->    
    <bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver">    
    <property name="defaultEncoding" value="utf-8"/>    
    <!-- 最大内存大小 -->    
    <property name="maxInMemorySize" value="10240"/>    
    <!-- 最大文件大小，-1为不限制大小 -->    
    <property name="maxUploadSize" value="-1"/>    
    </bean>  

pom文件中添加依赖

<!-- 文件上传 -->  
<dependency>  
	<groupId>commons-fileupload</groupId>  
	<artifactId>commons-fileupload</artifactId>  
	<version>1.4</version>  
</dependency>

server.xml文件添加

docBase为你需要指定的目录
path是在jsp页面中可以用来代替的目录
方便我们在jsp页面中使用绝对路径访问图片（如果是用户选择图片后直接上传后回显给src赋值可以用下这个，之前我是这么写的顺带提一嘴）

<Context docBase="/Users/chenhan/upload" path="/upload"/>

二.HTML

我这里使用的是bootstrap搭建的页面，使用方法大家可以自行百度

<div class="form-group">
	<div class="panel panel-default">
	 <div class="panel-heading">
	    <h3 class="panel-title">图片上传</h3>
	  </div>
	  <div class="panel-body">
	     <label>选择图片：</label>
		<div class="row">
		  <div class="col-sm-6 col-md-4">
		    <div class="thumbnail"