使用Jersey构建图片服务器

前台页面代码

<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() {

		//定义参数

		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 id="multipartResolver" 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;

@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());

		// 随机三位数

		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);

	}

}

搭建另一个Tomcat,作为图片服务器

图片服务器Tomcat的设置 tomcat/conf/web.xml中内容更改

<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>

巴特西

使用Jersey构建图片服务器

使用Jersey构建图片服务器

前台页面代码

前台JS代码

在Spring中配置图片转换器

创建UploadController以及工具类

搭建另一个Tomcat,作为图片服务器

修改图片服务器的Tomcat的端口号

在BabasprotProject_ImageService项目的webapp目录下创建upload文件夹

最新文章

热门文章