|
这篇文章主要介绍了使用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>
修改图片服务器的Tomcat的端口号
在BabasprotProject_ImageService项目的webapp目录下创建upload文件夹
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持社区。 | 
转播
