Spring Java ajaxfileupload.js 上传头像

首先列出我参考的博文：

SpringMVC结合ajaxfileupload.js实现文件无刷新上传 - 半步多 - 博客频道 - CSDN.NET
http://blog.csdn.net/jadyer/article/details/11693705#comments

以及其他没有用到，但我觉得还不错的博文：

springMVC结合Jcrop实现头像上传裁剪预览功能--javaweb修订版 - 火龙战士 - 开源中国社区
http://my.oschina.net/zhengweishan/blog/700677

我参考的那篇博文写的很详细，全部照着用就可以了。

（我就吃了自以为然的亏，少配了一些东西导致出错）

补充：

1，单纯的图像预览，不上传

jsp

<div class="items">
	<span>头像：</span>
	<div class="event location">
		<div class="event-bg">
			<img id="preview" alt="" src="${imgSrc}" style="width: 180px; height:200px;padding-left:40px;"/><!--预览处，style为预览大小-->									
		</div>
		<div class="updown" id ="uploadDiv">
			<input type="file" name="myfiles" id="imagefile" οnchange="fileSelectHandler()" /><!--选择图片-->
			<i id="errorTip"></i><!--错误提示-->
			<div>仅支持JPG、GIF、PNG、JPEG、BMP格式，文件小于4M</div>
		</div>
	</div>
</div>	

js

//上传图片    
function fileSelectHandler() {
  　　　　// 获取选择的文件
  　　　　var oFile = $('#imagefile')[0].files[0];
 　　
  　　　　var rFilter =  /^(image\/jpeg|image\/png)$/i;
  　　　　if (! rFilter.test(oFile.type)) {
      　　　　　　$("#errorTip").text("请选择正确的图片格式");
      　　　　　　return;
  　　　　}
  　　　　if (oFile.size > 4*1024*1024) {
      　　　　　　$("#errorTip").text("请选择正确的图片大小");
      　　　　　　return;
  　　　　}
  
  　　　　oImage = document.getElementById('preview');
  　　　　var oReader = new FileReader();
		oReader.onload = function(e) {
      　　　	oImage.src = e.target.result;
      　　　	oImage.onload = function () {
          　　　		$("#uploadDiv").fadeIn(300);
          　　　		　$("#errorTip").text("");
      　　　　};
  　　};
  
  　　oReader.readAsDataURL(oFile);
 
}

2，我参考的博文是把图片放到发布的文件下（比如我的工程是web，发布的地方（也称所谓的服务器）就是tomcat下的web）

     重新发布的时候会把图片清了的。

解决方案：

在tomcat 的server.xml中添上<Context crossContext="true" docBase="/home/upload" path="/upload" reloadable="true"/>添加位置在<Host></Host>里

这样的话获取路径生成文件夹的位置也得改变：

String loadpath = request.getSession().getServletContext().getRealPath("/");
String  root = new File(loadpath).getParentFile().getAbsolutePath();
File file = new File(root+"/home/upload/"+memberId);
delFiles(file);<!--清空文件夹-->
file.mkdirs();<!--生成文件夹-->

清空文件夹：

public static void delFiles(File file) {  
	    if (!file.exists())  
	        return;  
	    if (file.isFile()) {  
	    	file.delete();  
	        return;  
	    }  
	    File[] files = file.listFiles();  
	    for (int i = 0; i < files.length; i++) {  
	    	delFiles(files[i]);  
	    }  
	    file.delete();  
	}