java 图片回显_使用Jersey构建图片服务器 有回显图片功能

1.前台界面代码

2.前台JS代码

//上传图片

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

}

3.在Spring中配置图片转换器

4.创建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 

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

}

}

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

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

default

org.apache.catalina.servlets.DefaultServlet

debug

0

readonly

false

listings

false

1

6.Eclipse上创建JavaWeb项目,取名BabasprotProject_ImageService

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

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

======================

启动服务器 测试是否成功

======================