js实现图片截取并上传到web服务器

使用js实现图片截取并上传到web服务器。用户可从本地选择一张图片，然后可对选择的图片进行拖动、缩放后截取，最后上传到web服务器。后台使用java实现图片的接收和存储，上传的图片默认保存到项目下的images文件夹中。

package com.yc.servlets;

import java.io.FileOutputStream;
import java.io.IOException;
import java.io.PrintWriter;
import java.util.Date;
import java.util.Map;
import java.util.Random;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.jsp.JspFactory;
import javax.servlet.jsp.PageContext;

import sun.misc.base64Decoder;

import com.yc.utils.UploadUtil;
/**
 * @author navy
 */
@SuppressWarnings（“serial“）
public class UploadServlet extends HttpServlet {
	private PrintWriter out;

	public void doGet（HttpServletRequest request HttpServletResponse response） throws ServletException IOException {
		doPost（requestresponse）;
	}

	public void doPost（HttpServletRequest request HttpServletResponse response） throws ServletException IOException {
		try {
			out=response.getWriter（）;
			UploadUtil uploadUtil=new UploadUtil（）;
			PageContext context=JspFactory.getDefaultFactory（）.getPageContext（thisrequestresponsenulltrue8192true）;

			Map map=uploadUtil.update（context）;
			base64Decoder base64=new base64Decoder（）; 
			
			//64位解码  
			byte[] buffer=base64.decodeBuffer（map.get（“imageData“））;

			//写进文件  
			String filPath=“images/“+new Date（）.getTime（）+““+new Random（）.nextInt（100000）+“.png“;
			filPath=this.getServletContext（）.getRealPath（filPath）;
			
			FileOutputStream fos=new FileOutputStream（filPath）;  
			fos.write（buffer）;  
			fos.flush（）;  
			fos.close（）;  
			fos=null;  
			out.print（1）;
		} catch （Exception e） {
			e.printStackTrace（）;
			out.print（0）;
		}
		out.flush（）;
		out.close（）;
	}

}

 属性            大小     日期    时间   名称
----------- ---------  ---------- -----  ----
     目录           0  2015-06-29 21:18  CutOut\
     文件         529  2015-06-07 23:21  CutOut\.classpath
     目录           0  2015-06-07 23:21  CutOut\.myeclipse\
     文件         291  2015-06-29 21:32  CutOut\.mymetadata
     文件        1749  2015-06-29 21:18  CutOut\.project
     目录           0  2015-06-07 23:21  CutOut\.settings\
     文件         500  2015-06-07 23:21  CutOut\.settings\.jsdtscope
     文件        1040  2015-06-29 21:32  CutOut\.settings\com.genuitec.eclipse.j2eedt.core.prefs
     文件         395  2015-06-07 23:21  CutOut\.settings\org.eclipse.jdt.core.prefs
     文件         456  2015-06-29 21:32  CutOut\.settings\org.eclipse.wst.common.component
     文件         252  2015-06-07 23:21  CutOut\.settings\org.eclipse.wst.common.project.facet.core.xml
     文件          49  2015-06-07 23:21  CutOut\.settings\org.eclipse.wst.jsdt.ui.superType.container
     文件           6  2015-06-07 23:21  CutOut\.settings\org.eclipse.wst.jsdt.ui.superType.name
     目录           0  2015-06-07 23:21  CutOut\src\
     目录           0  2015-06-08 16:10  CutOut\src\com\
     目录           0  2015-06-08 16:10  CutOut\src\com\yc\
     目录           0  2015-06-08 16:14  CutOut\src\com\yc\servlets\
     文件        1759  2015-06-29 22:14  CutOut\src\com\yc\servlets\UploadServlet.java
     目录           0  2015-06-08 16:10  CutOut\src\com\yc\utils\
     文件        2540  2015-06-29 21:19  CutOut\src\com\yc\utils\UploadUtil.java
     目录           0  2015-06-07 23:21  CutOut\WebRoot\
     目录           0  2015-06-24 21:25  CutOut\WebRoot\css\
     文件        2484  2015-06-24 21:51  CutOut\WebRoot\css\style.css
     目录           0  2015-06-07 23:49  CutOut\WebRoot\images\
     文件       25521  2015-06-24 21:53  CutOut\WebRoot\images\head.jpg
     文件        1322  2015-06-24 22:16  CutOut\WebRoot\index.html
     目录           0  2015-06-08 15:06  CutOut\WebRoot\js\
     文件        7484  2015-06-04 09:17  CutOut\WebRoot\js\ajaxfileupload.js
     文件        5098  2015-06-27 17:34  CutOut\WebRoot\js\cropbox.js
     文件        1754  2015-06-24 22:18  CutOut\WebRoot\js\gethead.js
     文件       95957  2015-06-08 15:07  CutOut\WebRoot\js\jquery-1.11.3.min.js
............此处省略13个文件信息