使用Jersey上傳文件

采用jquery.form.js異步上傳圖片,並結合<form>表單

<script type="text/javascript">
    //采用jquery.form.js異步上傳圖片,並結合<form>表單

    function uploadPicture() {
        var options = {
            //請求路徑
            url : "/upload/uploadPic.do",
            dataType : "json",
            type : "post",
            success : function(data) {
                //處理結果
                //將相對路徑設置給隱藏域中,提交時用
                $("#imgUrl").val(data.path);
                //將全路徑設置給img標簽,顯示圖片用
                $("#allImgUrl").attr("src", data.url);
            }
        }
        $("#jvForm").ajaxSubmit(options);
    }
</script>

<tr>
      <td width="20%" class="pn-flabel pn-flabel-h"></td>
      <td width="80%" class="pn-fcontent">
      <img width="100" height="100" id="allImgUrl" />
      <!-- 圖片存在數據庫的路徑 -->
      <input type="hidden" id="imgUrl" name="imgUrl"></input>        
      <input type="file" onchange="uploadPicture()" name="uploadPic" /></td>
</tr>

 

 一定要在form表單中填寫enctype="multipart/form-data"

<form id="jvForm" action="/brand/add.do" method="post" enctype="multipart/form-data">  </form>

 

 

 在springmvc.xml文件中添加文件軟件器

    <!-- 圖片轉換器 -->
    <bean id="multipartResolver"  class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
        <property name="maxUploadSize"  value="10485760"></property>
    </bean>

 

 

 

編寫文件上傳UploadController.java

package cn.lzc.code.controller.admin;

import java.io.IOException;
import java.text.DateFormat;
import java.text.SimpleDateFormat;
import java.util.Date;
import java.util.Random;

import javax.servlet.http.HttpServletResponse;

import org.apache.commons.io.FilenameUtils;
import org.json.JSONObject;
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.multipart.MultipartFile;

import com.sun.jersey.api.client.Client;
import com.sun.jersey.api.client.ClientHandlerException;
import com.sun.jersey.api.client.UniformInterfaceException;
import com.sun.jersey.api.client.WebResource;

import cn.lzc.code.web.Constants;
import cn.lzc.common.web.ResponseUtils;

/**
 * 上傳文件管理Controller
 * 
 * @author admin
 *
 */
@Controller
public class UploadController {

    /**
     * 異步上傳圖片
     * 
     * @param uploadFile
     * @param response
     */
    @RequestMapping(value="/upload/uploadPic.do",method=RequestMethod.POST)
    public void uploadBrandPic(@RequestParam(required = false) MultipartFile uploadPic, HttpServletResponse response) {
        // 圖片名稱生成策略---采用時間格式(精確到毫秒)並追加隨機3位(10以內)數字
        // 精確到毫秒
        DateFormat df = new SimpleDateFormat("yyyyMMddHHmmssSSS");
        String picName = df.format(new Date());
        //隨機再生成3位10以內的數
        Random r=new Random();
        for (int i = 0; i < 3; i++) {
            picName+=r.nextInt(10);
        }
        //獲取擴展名
        String originalFilename = uploadPic.getOriginalFilename();
        String ext = FilenameUtils.getExtension(originalFilename);
        //相對路徑
        String path="upload/"+picName+"."+ext;
        //全路徑
        String url="http://localhost:8088/image-web/"+path;
        
        //jersey發送另一台Tomcat（可讀寫）
        // 實例化Jersey
        Client client=new Client();
        //想要發送到的服務器地址，記住，必須設置tomcat服務器的權限，不然無法上傳到tomcat
        //設置請求路徑
        WebResource resource = client.resource(url);
        try {
            //發送開始put
            resource.put(String.class, uploadPic.getBytes());
        } catch (UniformInterfaceException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        } catch (ClientHandlerException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        } catch (IOException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        }
        //返回json數據給頁面，（包括url回顯路徑，Path保存數據庫的路徑）
        JSONObject jo=new JSONObject();
        jo.put("path", path);
        jo.put("url", url);
        //返回數據給頁面
        ResponseUtils.renderJson(response, jo.toString());
    }
}

 

 

寫一個RequestUtils.java工具類，用來響應相應的數據到前台頁面

package cn.lzc.common.web;

import java.io.IOException;

import javax.servlet.http.HttpServletResponse;

/**
 * Response幫助類 支持JSON XML Text
 * 
 * @author admin
 *
 */

public class ResponseUtils {
    // 發送Json
    public static void renderJson(HttpServletResponse response, String text) {
        rend(response, "application/json;charset=UTF-8", text);
    }

    // 發送xml
    public static void renderXml(HttpServletResponse response, String text) {
        rend(response, "text/xml;charset=UTF-8", text);
    }

    // 發送text
    public static void renderText(HttpServletResponse response, String text) {
        rend(response, "text/plain;charset=UTF-8", text);
    }

    // 發送
    public static void rend(HttpServletResponse response, String contextType, String text) {
        // 設置傳輸類型
        response.setContentType(contextType);
        // 發送
        try {
            response.getWriter().write(text);
        } catch (IOException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        }
    }
}