Spring mvc图片上传

1、导入js
jquery.easyui.min.js，
jquery.min.js，
talent-validate-all.js，
easyui.css，
demo.css，
icon.css，
popup.css，
jquery-1.8.0.min.js，
jquery.easyui.min.js
2、 js代码片段

<script type="text/javascript">
/**
 * 创建上传窗口 公共方法
 * @param chunk 是否分割大文件
 * @param callBack 上传成功之后的回调
 */
function Uploader(uploadFileCount,chunk,callBack){
    var addWin = $('<div style="overflow: hidden;"/>');
    var upladoer = $('<iframe/>');
    upladoer.attr({'src':'${basePath}core/pages/business/uploader.jsp?chunk='+chunk+'&uploadFileCount='+uploadFileCount,width:'100%',height:'100%',frameborder:'0',scrolling:'no'});
    addWin.window({
        title:"上传文件",
        height:450,
        width:650,
        minimizable:false,
        modal:true,
        collapsible:false,
        maximizable:false,
        resizable:false,
        content:upladoer,
        onClose:function(){
            var fw = GetFrameWindow(upladoer[0]);
            var files = fw.files;
            $(this).window('destroy');
            callBack.call(this,files);
        },
        onOpen:function(){
            var target = $(this);
            setTimeout(function(){
                var fw = GetFrameWindow(upladoer[0]);
                fw.target = target;
            },100);
        }
    });
}

/**
 * 根据iframe对象获取iframe的window对象
 * @param frame
 * @returns {Boolean}
 */
function GetFrameWindow(frame){
    return frame && typeof(frame)=='object' && frame.tagName == 'IFRAME' && frame.contentWindow;
}

function makerUpload(chunk){
    var uploadFileCount=1;
     Uploader(uploadFileCount,chunk,function(files){
     if(files && files.length>0)
    {
        // for (var i=0;i<files.length;i++)
             for (var i=0;i<1;i++)
         {
                 var image=$("<div class='div-inline' ><img  class='photo' src='${basePath}upload/"+files[i]+"' filename='"+ files[i] +"'/>"+
                 "<a href='javascript:' onclick='deletePhoto(this)'>删除</a></div>"); 
                 $("#res").append(image); 
         }
    }
 });
}

function deletePhoto(obj)
{
    $("#cmImgUrls").val('');
    $("#res").text('');
}



</script>
<script type="text/javascript">

function validateForm(){
    var formName = 'form1';

    var isValid = true;

    var jsonStr="";

      $("#res div img").each(function(k,v){


          jsonStr = jsonStr + $(v).attr("filename");
         if ($("#res div img").size()-1 !=k)
        {
             jsonStr=jsonStr;
         }

      });
      $("#cmImgUrls").val(jsonStr);



     if(isValid){ 
         var cmtypename=$("#cmtypename").val();
         if(cmtypename==null||cmtypename==""){
             alert("商铺名不能为空");
             return;
         }
        ajaxSubmitForm(formName,2000);

    return true;    
    } 

}
</script>

3、form表单代码片段

 <form id="form1" action="${basePath}CommodityController/addCMTypes.do" method="post">
 <tr>
  <td align="right" height="150">


    <h3><a class="easyui-linkbutton" href="javascript:makerUpload(false)">商品图片文件上传</a>：</h3>
                       <input type="hidden" id="cmImgUrls" name="cmtypeimgurl" value="${CommodityType.cmtypeimgurl}">   


             <div id="res">
              </div>
         </td>
 </tr>
 <tr>
                 <td align="right">
                    <a href="javascript:;" class="operation btn_close border" onclick="closeDiv(frameElement);">关闭</a>
                 </td>
                 <td width="30"></td>
                <td align="left">
                    <a href="javascript:;" class="hcxpgbtnr border" onclick="validateForm()">确定</a>
                </td>
           </tr>         
 </form>

4、xml配置片段:

<bean id="uploadProperty" class="com.common.core.upload.model.UploadProperty">
        <property name="savePath" value="../upload/" />
        <property name="contextUploadPath" value="http://localhost/secp/upload/"></property>
</bean>

5、Java代码片段：

package com.application.action.business;

import java.io.BufferedInputStream;
import java.io.BufferedOutputStream;
import java.io.File;
import java.io.FileOutputStream;
import java.io.IOException;
import java.io.InputStream;
import java.io.OutputStream;
import java.util.HashMap;
import java.util.Map.Entry;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;

import org.apache.commons.fileupload.FileUploadException;
import org.apache.log4j.Logger;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.multipart.MultipartFile;
import org.springframework.web.multipart.MultipartHttpServletRequest;

import com.common.context.Environment;
import com.common.core.upload.model.UploadProperty;

/*
 * 本文件为运营后台 和 前端手机 服务
 */
@Controller
@RequestMapping(value = "/")
public class ImageController {

    private static final int BUFFER_SIZE = 100 * 1024;
    private static final Logger logger = Logger.getLogger(ImageController.class);
    @Autowired
    UploadProperty uploadProperty;

    /**
     * 使用plupload上传文件
     * @param file      文件对象
     * @param name      文件名称
     * @param chunk     数据块序号
     * @param chunks    数据块总数
     * @return
     */
    @RequestMapping("/ImageController/uploader")
    public void fileupload(HttpServletRequest request,HttpServletResponse response,HttpSession session) {

        String realPath = session.getServletContext().getRealPath("");
        String UPLOADDIR=realPath+Environment.getEnvironment().getConfigProperties()
                .getProperty("upload.savepath");  
         InputStream  inputStream=null;  
            FileOutputStream outputStream=null;  
            String newFileName="";
            String newFileFullPathName="";
            MultipartHttpServletRequest multiReq =null;
            HashMap<String, MultipartFile>  hashMap = null;

         try { 
             multiReq = (MultipartHttpServletRequest) request;  
              hashMap=(HashMap<String, MultipartFile>) multiReq.getFileMap();  


            for (Entry<String,MultipartFile> entry : hashMap.entrySet()) {  
                MultipartFile  file = entry.getValue();  
                inputStream =  file.getInputStream();  
                File  fileDir= new File(UPLOADDIR);  
                if(!fileDir.exists()||!fileDir.isDirectory()){  
                    fileDir.mkdir();  
                }  
                newFileName =System.currentTimeMillis()+file.getOriginalFilename() ;
                newFileFullPathName = UPLOADDIR+"/"+newFileName;
                File uploadFile= new File(newFileFullPathName);  
                if(uploadFile.exists()){  
                    uploadFile.delete();  
                }  
                uploadFile.createNewFile();  
                outputStream  =new FileOutputStream(uploadFile);  
                byte[]  bs =  new byte[1024];  
                int len=0;  
                while ((len=inputStream.read(bs))>0) {  
                    outputStream.write(bs);  
                }  
               // System.out.println(file.getOriginalFilename()+"上传成功");  
            } 
            response.getWriter().print("{\"status\":true,\"newName\":\""+newFileName+"\",\"photoPath\":\""+ Environment.getEnvironment().getConfigProperties()
                    .getProperty("upload.httpaddress") +"\"}");
            } catch (Exception e) {
                //e.printStackTrace();
                try {
                    response.getWriter().print("{\"status\":false}");
                } catch (IOException e1) {
                    // TODO Auto-generated catch block
                    //e1.printStackTrace();
                }
            }finally{  
                try {  
                    if(outputStream!=null)
                        outputStream.close();  
                } catch (IOException e) {  
                    e.printStackTrace();  
                }  
            }   

    }

    private void appendFile(InputStream in, File destFile) {
        OutputStream out = null;
        try {
            // plupload 配置了chunk的时候新上传的文件append到文件末尾
            if (destFile.exists()) {
                out = new BufferedOutputStream(new FileOutputStream(destFile, true), BUFFER_SIZE); 
            } else {
                out = new BufferedOutputStream(new FileOutputStream(destFile),BUFFER_SIZE);
            }
            in = new BufferedInputStream(in, BUFFER_SIZE);

            int len = 0;
            byte[] buffer = new byte[BUFFER_SIZE];          
            while ((len = in.read(buffer)) > 0) {
                out.write(buffer, 0, len);
            }
        } catch (Exception e) {
            logger.error(e.getMessage());
        } finally {     
            try {
                if (null != in) {
                    in.close();
                }
                if(null != out){
                    out.close();
                }
            } catch (IOException e) {
                logger.error(e.getMessage());
            }
        }
    }

}