简单说明：图片上传有一个专门的工程A，提供了图片的上传和下载预览，工程B涉及到图片上传以及回显，都是调用的工程A的方法，言外之意就是要同时启动两个项目。
代码：
//工程B的html代码
<div class="col-md-12">
<label class="control-label flex" style="margin-top: 10px;">
上传图标<span class="star align-items">*</span>
</label>
<input type="file" name="file" value="上传图标" id="fileupload" th:onchange="|fileUpload()|" style="display:none"/>
<img src="/xxxxxx/img/shangchuan.png" alt="" th:onclick="|uploadfile()|" id="imageId" style="margin-top: 10px;"/>
<input type="hidden" id="serviceIcon" name="serviceIcon" class="form-control"/>
</div>
//工程B的js代码
<script type="text/javascript">
function uploadfile(){
$("#fileupload").trigger("click");
}
//文件上传
function fileUpload(file){
var myform = new FormData();
myform.append('file', $("#fileupload")[0].files[0]);
var max_size = 512;// 300k
var tmpFile = $("#fileupload").val();
var imgtype = tmpFile.toLowerCase().split('.');
if ((imgtype[1]) != "jpg") {
layer.msg("图片只支持jpg格式");
tmpFile.value = "";
return false;
} else {
$.ajax({
type:"POST",
url: rootPath + "/serv/service/updatefile",
data:myform,
cache: false,
contentType: false,
processData: false,
dataType: "json",//返回的数据格式
async: false,
success: function (data) {
if(data==="1" ){
layer.msg("上传失败，图片内存过大");
}else if(data=="2"){
layer.msg("上传失败，图片内存过大");
}else{
var path="/oh-manager/"+data;
//IP是文件上传项目A在服务器的地址 upload是controller的注解 showPic是方法
var imgPlanIcon ='http://10.131.103.220:8590/upload/showPic?ppath=' + data;
$('#imageId').attr('src', imgPlanIcon);
$('#serviceIcon').val(data);
}
},
error: function (jqXHR, textStatus, errorThrown) {
}
});
}
return false;
}
</script>
//工程B的后台java代码 @RequestMapping(value="/updatefile")
public @ResponseBody String updatefile(@RequestParam("file") MultipartFile file,
HttpServletRequest request) {
// 创建httpclient对象
CloseableHttpClient httpClient = HttpClients.createDefault();
// 创建post方式请求对象 请求地址是工程A的文件上传方法upimgs
HttpPost httpPost = new HttpPost("http://10.131.103.220:8590/upload/upimgs");
String fileName = file.getOriginalFilename();
String filePath = "D:/image/temp";
try {
MultipartEntityBuilder builder = MultipartEntityBuilder.create();
builder.addBinaryBody("file", file.getInputStream(), ContentType.MULTIPART_FORM_DATA, fileName);// 文件流
builder.addTextBody("filename", fileName);// 类似浏览器表单提交，对应input的name和value
HttpEntity entity = builder.build();
httpPost.setEntity(entity);
CloseableHttpResponse response = httpClient.execute(httpPost);
// 获取响应对象
HttpEntity resEntity = response.getEntity();
if (resEntity != null) {
// 打印响应内容
String aa=EntityUtils.toString(resEntity, Charset.forName("UTF-8"));
JSONObject data2 = JSONObject.fromObject(aa);
fileName=data2.getString("title");
}
// 销毁
EntityUtils.consume(resEntity);
File targetFile = new File(filePath);
if(!targetFile.exists()){
targetFile.mkdirs();
}
File fileRoute = new File(filePath+"/"+fileName);
BufferedImage sourceImg =ImageIO.read(fileRoute);
Long size = file.getSize() / 1024; // 图片大小
int wid=sourceImg.getWidth(); // 源图宽度
int hei=sourceImg.getHeight(); // 源图高度
if(size>512){
fileName="1";
}
if(wid>60 || hei>60){
fileName="2";
}
} catch (Exception e) {
// TODO: handle exception
}
//返回json
return fileName;//返回js的成功回调函数
}
//工程A的上传方法upload/upimgs @RequestMapping(path="/upimgs", method=RequestMethod.POST,produces = "application/json;charset=utf-8")
@ResponseBody
//@CrossOrigin("*") //可跨域访问
// public String uploadImgs(HttpServletRequest request) throws IllegalStateException, IOException {
public FileSaveResult uploadImgs(HttpServletRequest request) throws IllegalStateException, IOException {
// String reResult="";
FileSaveResult reResult = null;
try {
reResult = FileSaveUtil.uploadImg(request);
} catch (IllegalStateException e) {
logger.error(e,e);
e.printStackTrace();
} catch (IOException e) {
logger.error(e,e);
e.printStackTrace();
}
return reResult;
}
//FileSaveUil工具类里的图片上传方法
public static FileSaveResult uploadImg(HttpServletRequest request) throws IllegalStateException, IOException {
logger.info("文件正在被上传，请稍等...");
boolean flag = false;
// Map<String, Object> result = new HashMap<String, Object>();
FileSaveResult result = null;
String prePath = request.getParameter("prePath");
/* if (StringUtil.getNullStr(prePath).equals("") || StringUtil.getNullStr(prePath).equals("null")) {
// result.put("state", "false");
// result.put("msg", "图片存放前置路径不可为空！");
// JSONObject jo = JSONObject.fromObject(result);
// return jo.toString();
result = new FileSaveResult(
FileSaveResultConstant.STATE_UPLOAD_FILE_PREPATH_EMPTY_CODE,
FileSaveResultConstant.STATE_UPLOAD_FILE_PREPATH_EMPTY_CODE_MSG);
return result;
}*/
// 创建一个通用的多部分解析器
String filePath = FileuploadEnv.getFileImgPath();
String path = "";
String suffix = "";
// 当前上传文件的文件名称
String myFileName = "";
// 图片大小
long size = 0;
// 重命名上传后的文件名
String fileName = "";
float rate= 1.0f;
// 判断 request 是否有文件上传,即多部分请求
if (request instanceof MultipartHttpServletRequest) { //multipartResolver.isMultipart(request)
// 转换成多部分request
MultipartHttpServletRequest multiRequest = (MultipartHttpServletRequest) request;
// 取得request中的所有文件名
Iterator<String> iter = multiRequest.getFileNames();
while (iter.hasNext()) {
// 取得上传文件
MultipartFile file = multiRequest.getFile(iter.next());
if (file != null && !file.isEmpty()) {
// 取得当前上传文件的文件名称
myFileName = file.getOriginalFilename();
// 获取文件后缀
suffix = FileType.getSuffixByFilename(myFileName);
// 图片扩展名判定
boolean judgeResult = FileExtensionUtil.fileExtensionJudge(suffix);
if (!judgeResult) {
logger.info("上传的图片资源格式不正确，不可上传。图片格式：" + suffix + "， 格式限制：" + FileExtensionUtil.IMG_SUFFIX);
result = new FileSaveResult(
FileSaveResultConstant.STATE_UPLOAD_FILE_EXTENSION_NOT_ALLOWD_CODE,
FileSaveResultConstant.STATE_UPLOAD_FILE_EXTENSION_NOT_ALLOWD_CODE_MSG);
return result;
}
// 获取图片大小
/*size = file.getSize();
if (size > 5217880) { // 5M*1024*1024
result.put("state", "false");
result.put("msg", "图片文件过大,请压缩至5M以下！");
JSONObject jo = JSONObject.fromObject(result);
return jo.toString();
}*/
size = file.getSize();
if (size > 1043576) { // 1M*1024*1024
float s1=size/1043576.0f;
rate=1.0f/s1;
}
// 如果名称不为“”,说明该文件存在，否则说明该文件不存在
if (myFileName.trim() != "") {
// 重命名上传后的文件名
fileName = UuidUtil.get32Uuid() + suffix;
// 从配置文件获得上传路径
String parentPath = filePath + "/";
path = parentPath + "/" + fileName;
File parentFile = new File(parentPath);
File localFile = null;
if (!parentFile.exists()) { // 如果父目录不存在，那么创建父目录
parentFile.mkdirs();
}
localFile = new File(path);
file.transferTo(localFile);
// 压缩图片
CompressPic.reduceImg(path, localFile, 0, 0, rate, suffix);
flag = true;
} else {
// result.put("state", "false");
// result.put("msg", "文件为空！");
// JSONObject jo = JSONObject.fromObject(result);
// return jo.toString();
result = new FileSaveResult(
FileSaveResultConstant.STATE_UPLOAD_FILE_EMPTY_CODE,
FileSaveResultConstant.STATE_UPLOAD_FILE_EMPTY_CODE_MSG);
return result;
}
}
}
if (flag) {
// result.put("state", "SUCCESS");
// result.put("msg", "操作成功！");
// result.put("url", prePath + "/" + fileName); // 文件保存路径
// result.put("original", myFileName);// 取得当前上传文件的文件名称
// result.put("size", size);
// result.put("type", suffix); // 文件后缀，如.jpg
// result.put("title", fileName); // 保存后的文件名称
// JSONObject jo = JSONObject.fromObject(result);
// return jo.toString();
result = new FileSaveResult(
FileSaveResultConstant.STATE_UPLOAD_SUCCESS_CODE,
FileSaveResultConstant.STATE_UPLOAD_SUCCESS_CODE_MSG, prePath + "/" + fileName, myFileName, size, suffix, fileName);
logger.info("图片上传成功，url：" + result.getUrl());
return result;
}else{
// result.put("state", "false");
// result.put("msg", "上传失败！");
// JSONObject jo = JSONObject.fromObject(result);
// return jo.toString();
result = new FileSaveResult(
FileSaveResultConstant.STATE_UPLOAD_FAILED_CODE,
FileSaveResultConstant.STATE_UPLOAD_FAILED_CODE_MSG);
return result;
}
}else{
// result.put("state", "false");
// result.put("msg", "上传失败-MultipartFile类型有误！");
// JSONObject jo = JSONObject.fromObject(result);
// return jo.toString();
result = new FileSaveResult(
FileSaveResultConstant.STATE_UPLOAD_FILE_REQUEST_ERROR_CODE,
FileSaveResultConstant.STATE_UPLOAD_FILE_REQUEST_ERROR_CODE_MSG);
return result;
}
}
//工程A的下载回显方法upload/showPic
@RequestMapping(path="/showPic", method=RequestMethod.GET,produces = "application/json;charset=utf-8")
public void showPic(String ppath, HttpServletResponse response) {
FileInputStream hFile = null;
if (!ppath.equals("") && !ppath.equals("/")) {
try {
// 去除路径中的回溯 ../
ppath = ppath.replace("../", "");
// 拼接图片资源路径
String prePath = FileuploadEnv.getFileImgPath();
String imgFileUrl = prePath + "/" + ppath;
System.out.println("imgFileUrl 完整路径：" + imgFileUrl);
// 打开文件
File file = new File(imgFileUrl);
// 验证打开的文件是否是在 prePath 目录下，若不是，不做任何处理
String openedFileAbsolutPath = file.getAbsolutePath();
logger.info("打开的文件绝对路径：" + openedFileAbsolutPath);
if (!openedFileAbsolutPath.contains(openedFileAbsolutPath)) {
logger.info("访问的图片资源不在指定目录之下，不可返回。打开的文件绝对地址：" + openedFileAbsolutPath);
return;
} else {
logger.info("访问的图片资源在指定目录之下，可以返回。");
}
// 图片扩展名判定
String suffix = FileType.getSuffixByFilename(openedFileAbsolutPath);
boolean judgeResult = FileExtensionUtil.fileExtensionJudge(suffix);
if (!judgeResult) {
logger.info("访问的图片资源格式不正确，不可返回。图片格式：" + suffix + "， 格式限制：" + FileExtensionUtil.IMG_SUFFIX);
return;
}
// hFile = new FileInputStream(imgFileUrl); // 以byte流的方式打开文件 d:1.gif
hFile = new FileInputStream(file); // 以byte流的方式打开文件 d:1.gif
int i = hFile.available(); // 得到文件大小
byte data[] = new byte[i];
hFile.read(data); // 读数据
response.setContentType("image/*"); // 设置返回的文件类型
OutputStream toClient = response.getOutputStream(); // 得到向客户端输出二进制数据的对象
toClient.write(data); // 输出数据
toClient.flush();
toClient.close();
hFile.close();
} catch (Exception ex) {
ex.printStackTrace();
} finally {
try {
if (hFile != null) {
hFile.close();
}
} catch (Exception e) {
e.printStackTrace();
}
}
} else {
return;
}
}
犯的错误总结：请求工程A的upimgs或者showPic方法的时候，地址一定要加上 http://Ip地址/要访问的Controller/要访问的方法
即使工程A是在本地，也需要地址也是http://本机IP/要访问的Controller/要访问的方法(相对路径) 一定不要加上什么E盘工作空间工程名称，这样的话就访问不到，直接就是ip地址+controller+方法，加E盘/·····这是绝对路径
因为是工程B调用工程A的方法，所以要同时运行两个项目。
http://10.131.103.220:8590/upload/showPic或者upimgs upload是工程A的@Controller@RequestMapping("/upload")注解里的值
进入页面需要回显图片的时候，就把数据库中查到的图片名字传递到前台页面，在前台中加入js：
<script type="text/javascript" th:inline="javascript" xmlns:th="http://www.w3.org/1999/xhtml">
//接收前台传递过来的图片名字
var serviceIcon = [[${serviceIcon}]];
if (CommnUtil.notNull(serviceIcon)) {
var imgname = serviceIcon.split("/");
var imgPlanIcon = 'http://10.131.103.220:8590/upload/showPic?ppath=icon/' + imgname[imgname.length - 1];
$("#imageId").attr('src', imgPlanIcon);
$('#serviceIcon').val(imgname[imgname.length - 1]);
}
</script>