快捷導(dǎo)航

使用Jersey構(gòu)建圖片服務(wù)器過程解析

更新時間：2019年10月12日 10:36:54 作者：我的有趣住在無趣里

這篇文章主要介紹了使用Jersey構(gòu)建圖片服務(wù)器過程解析,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下

前臺頁面代碼

<form id="jvForm" 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" id="allImgUrl" />
				<input type="hidden" name="imgUrl" id="path" />
				<input type="file" onchange="uploadPic()" name="pic" id="logoPic"/>
			</td>
		</tr>
	</table>
</form>

前臺JS代碼

<script type="text/javascript">
	//上傳圖片
	function uploadPic() {
		//定義參數(shù)
		var options = {
			url : "/upload/uploadPic.do",
			dataType : "json",
			type : "post",
			beforeSubmit : function(formData,jqForm,options){
				// 判斷是否為圖片
				// 將jqForm轉(zhuǎn)成DOM對象
				var f = jqForm[0];
				// 獲取DOM對象中name為logoPic的值
				var v = f.logoPic.value;
				// 獲取擴展名,并轉(zhuǎn)成小寫
				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) {
				// 回顯圖片內(nèi)容
				$("#allImgUrl").attr("src", data.url);
				$("#path").val(data.path);
			}
		};

		// jquery.form使用方式
		$("#jvForm").ajaxSubmit(options);
	}
</script>

在Spring中配置圖片轉(zhuǎn)換器

<bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver"> 
	<!-- 設(shè)置上傳文件的最大尺寸為1MB --> 
	<property name="maxUploadSize" value="1048576"/>
</bean>

創(chuàng)建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;
@Controller
public 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());
		// 隨機三位數(shù)
		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();
		// 保存數(shù)據(jù)庫
		String path = "upload/" + format + "." + ext;
		// 另一臺服務(wù)器的請求路徑是?
		String url = Constants.IMAGE_URL + path;
		// 設(shè)置請求路徑
		WebResource resource = client.resource(url);

		// 發(fā)送開始 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 {
	/**
	 * 圖片服務(wù)器
	 */
	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 {
	// 發(fā)送內(nèi)容
	public static void render(HttpServletResponse response, String contentType, String text) {
		response.setContentType(contentType);
		try {
			response.getWriter().write(text);
		} catch (IOException e) {
			e.printStackTrace();
		}
	}

	// 發(fā)送的是JSON
	public static void renderJson(HttpServletResponse response, String text) {
		render(response, "application/json;charset=UTF-8", text);
	}

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

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

搭建另一個Tomcat,作為圖片服務(wù)器

圖片服務(wù)器Tomcat的設(shè)置 tomcat/conf/web.xml中內(nèi)容更改

<servlet>
	<servlet-name>default</servlet-name>
	<servlet-class>org.apache.catalina.servlets.DefaultServlet</servlet-class>
	<init-param>
		<param-name>debug</param-name>
		<param-value>0</param-value>
	</init-param>
	<init-param>
		<param-name>readonly</param-name>
		<param-value>false</param-value>
	</init-param>
	<init-param>
		<param-name>listings</param-name>
		<param-value>false</param-value>
	</init-param>
	<load-on-startup>1</load-on-startup>
</servlet>

修改圖片服務(wù)器的Tomcat的端口號

在BabasprotProject_ImageService項目的webapp目錄下創(chuàng)建upload文件夾

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: