這篇文章主要介紹了使用Jersey構建圖片服務器過程解析,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
前臺頁面代碼
<form action="add.do" method="post" enctype="multipart/form-data"> <table> <tr> <td width="20%" class="pn-flabel pn-flabel-h"></td> <td width="80%" class="pn-fcontent"> <img width="100" height="100" /> <input type="hidden" name="imgUrl" /> <input type="file" onchange="uploadPic()" name="pic" /> </td> </tr> </table></form>
前臺JS代碼
<script type="text/javascript"> //上傳圖片 function uploadPic() { //定義參數 var options = { url : "/upload/uploadPic.do", dataType : "json", type : "post", beforeSubmit : function(formData,jqForm,options){ // 判斷是否為圖片 // 將jqForm轉成DOM對象 var f = jqForm[0]; // 獲取DOM對象中name為logoPic的值 var v = f.logoPic.value; // 獲取擴展名,并轉成小寫 var ext = v.substring(v.length-3).toLowerCase(); // 比對擴展名 jpg gif bmp png if(ext != "jpg" && ext != "gif" && ext != "bmp" && ext != "png"){ alert("只允許上傳圖片!"); return false; } //校驗提交的表單 return true; }, success : function(data) { // 回顯圖片內容 $("#allImgUrl").attr("src", data.url); $("#path").val(data.path); } }; // jquery.form使用方式 $("#jvForm").ajaxSubmit(options); }</script>
在Spring中配置圖片轉換器
<bean class="org.springframework.web.multipart.commons.CommonsMultipartResolver"> <!-- 設置上傳文件的最大尺寸為1MB --> <property name="maxUploadSize" value="1048576"/></bean>
創建UploadController以及工具類
package cn.itcast.core.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.RequestParam;import org.springframework.web.multipart.MultipartFile;import com.sun.jersey.api.client.Client;import com.sun.jersey.api.client.WebResource;import cn.itcast.common.web.ResponseUtils;import cn.itcast.core.web.Constants;@Controllerpublic class UploadController { // 上傳圖片 @RequestMapping(value = "/upload/uploadPic.do") public void uploadPic(@RequestParam(required = false) MultipartFile pic, HttpServletResponse response) { // 擴展名 String ext = FilenameUtils.getExtension(pic.getOriginalFilename()); // 圖片名稱生成策略 DateFormat df = new SimpleDateFormat("yyyyMMddHHmmssSSS"); // 圖片名稱一部分 String format = df.format(new Date()); // 隨機三位數 Random r = new Random(); // n 1000 0-999 99 for (int i = 0; i < 3; i++) { format += r.nextInt(10); } // 實例化一個Jersey Client client = new Client(); // 保存數據庫 String path = "upload/" + format + "." + ext; // 另一臺服務器的請求路徑是? String url = Constants.IMAGE_URL + path; // 設置請求路徑 WebResource resource = client.resource(url); // 發送開始 POST GET PUT try { resource.put(String.class, pic.getBytes()); } catch (IOException e) { e.printStackTrace(); } // 返回二個路徑 JSONObject jsonObject = new JSONObject(); jsonObject.put("url", url); jsonObject.put("path", path); ResponseUtils.renderJson(response, jsonObject.toString()); }}package cn.itcast.core.web;public interface Constants { /** * 圖片服務器 */ public static final String IMAGE_URL = "http://localhost:8088/BabasportProject_ImageService/";}package cn.itcast.common.web;import java.io.IOException;import javax.servlet.http.HttpServletResponse;public class ResponseUtils { // 發送內容 public static void render(HttpServletResponse response, String contentType, String text) { response.setContentType(contentType); try { response.getWriter().write(text); } catch (IOException e) { e.printStackTrace(); } } // 發送的是JSON public static void renderJson(HttpServletResponse response, String text) { render(response, "application/json;charset=UTF-8", text); } // 發送xml public static void renderXml(HttpServletResponse response, String text) { render(response, "text/xml;charset=UTF-8", text); } // 發送text public static void renderText(HttpServletResponse response, String text) { render(response, "text/plain;charset=UTF-8", text); }}
新聞熱點
疑難解答