servlet批量上传图片

用servlet实现图片的批量上传，并保存到数据库
导包

前端页面代码

<form method="post" action="${ctx}/upimgs" id="form1"
						enctype="multipart/form-data" class="contact-form">
						<div>
							<span> <label> 多张照片* </label>
							</span> <span> <input name="src" type="file" multiple
								class="textbox" required="required" accept="image/*">
							</span>
						</div>

						<div>
							<span> <input type="submit" value="提交" name="tijiao">
							</span>
						</div>
					</form>

servlet

package s.jf3q.com.servlet;

import java.io.File;
import java.io.IOException;
import java.sql.SQLException;
import java.util.ArrayList;
import java.util.Date;
import java.util.List;
import java.util.UUID;

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;

import s.jf3q.com.dao.JdbcUtils;
import s.jf3q.com.tool.DateUtil;

/**
 * Servlet implementation class Index
 */
@WebServlet("/upimgs")
public class UpImgsServlet extends HttpServlet {
	private static final long serialVersionUID = 1L;
	 
	/**
	 * @see HttpServlet#HttpServlet()
	 */
	public UpImgsServlet() {
		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

		doPost(request, response);
	}

	/**
	 * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse
	 *      response)
	 */
	protected void doPost(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		//图片保存路径
		String relpath="jsp/upimgs";
		String path=request.getRealPath(relpath);
		String fn=null;
        
        DiskFileItemFactory factory=new DiskFileItemFactory();
        ServletFileUpload sfu=new ServletFileUpload(factory);
        sfu.setHeaderEncoding("UTF-8");  //处理中文问题
        sfu.setSizeMax(1024*1024);   //限制文件大小
        
        try {
            List<FileItem> fileItems= sfu.parseRequest(request);  //解码请求 得到所有表单元素
            for (FileItem fi : fileItems) {
                //有可能是 文件，也可能是普通文字 
                if (fi.isFormField()) { //这个选项是 文字 
                    System.out.println("表单值为："+fi.getString());
                }else{
                    // 是文件
                	//获取图片后缀名
                    String format=fi.getName().substring(fi.getName().indexOf("."), fi.getName().length());
                    //图片重命名
                    fn=UUID.randomUUID().toString().replaceAll("-", "")+format;
                    System.out.println("文件名是："+fn);  //文件名 
                    // fn 是可能是这样的 c:\abc\de\tt\fish.jpg
                    fi.write(new File(path,fn));
                    
                    //图片相对路径
                    String imgpath="upimgs/"+fn;
                    
                    //保存数据库
                    JdbcUtils jdbcUtils = new JdbcUtils();  
            		jdbcUtils.getConnection();
            		
            		String sql="insert into  img (src) values(?)";
            		List<Object> param=new ArrayList<Object>();
            		param.add(imgpath);
            		
            		int r=-1;
            		try {
            			r = jdbcUtils.updateByPreparedStatement(sql, param);
            		} catch (SQLException e) {
            			// TODO Auto-generated catch block
            			e.printStackTrace();
            		} 
                     
                }                
            }    
            
        } catch (Exception e) {
            e.printStackTrace();
        }
        
       
		
        //去显示上传的文件
        
        request.getRequestDispatcher("toimgs").forward(request, response);
        

	}

}

根据以上代码可以看到图片存放路径，的建立对应的文件夹，如图

测试

我选择了7张图片

前端页面显示如下

前端展示代码

<c:set var="ctxfile" value="${pageContext.request.contextPath}/jsp"/>
<c:forEach items="${imgli }" var="item">
									<div class="fancybox" style="text-align: center;"
										href="${ctxfile }/${item.src}"><img
										src="${ctxfile }/${item.src}" alt=""
										width="100%" />
										<c:if test="${not empty  userInfo}"><a class="delimg" data-id="${item.id }">删除</a></c:if>
									</div>
							</c:forEach>

图片打印信息

数据库存入数据

其实也挺简单的，如果有不懂的可以联系我抠1913284695