图片上传 java_java实现图片上传

1.首先上html的代码

Test.html

上传图片

function change(){

var filePath = $("#file").val();

alert("filePath "+filePath);

var imgObj =$("#file")[0].files[0];

alert("imgObj "+imgObj);

//将formData传给后台

var formData=new FormData();

formData.append("file",imgObj);

alert("formData"+formData);

//ajax请求后台,将请求的数据调用fileUp接口并且填写上传的服务器地址savePath

$.ajax({

url: "http://192.168.1.107:8080/SellingTea/fileUp?savePath=uploadFiles/headPortrait",

type: "POST",

data: formData,

dataType:"json",

/**

*必须false才会自动加上正确的Content-Type

*/

contentType: false,

/**

* 必须false才会避开jQuery对 formdata 的默认处理

* XMLHttpRequest会对 formdata 进行正确的处理

*/

processData: false,

success: function (data) {

if(data){

alert("上传成功！");

console.log("data "+JSON.stringify(data));

$("#img").attr("src",data.path);

}

},

error: function () {

alert("上传失败！");

}

});

}

2.在看接口

3.接口内容

package com.st.controller.system;

import java.io.File;

import java.io.IOException;

import java.io.PrintWriter;

import java.text.SimpleDateFormat;

import java.util.Map;

import java.util.logging.Logger;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

import net.sf.json.JSONObject;

import org.springframework.stereotype.Controller;

import org.springframework.util.FileCopyUtils;

import org.springframework.web.bind.annotation.RequestMapping;

import org.springframework.web.multipart.MultipartFile;

import org.springframework.web.multipart.MultipartHttpServletRequest;

import com.st.controller.base.BaseController;

import com.st.util.DateUtil;

/**

*

* @author wy

*

*/

@Controller

public class FileUpController extends BaseController {

Logger logger = Logger.getLogger(FileUpController.class.getName());

/**

* 处理文件上传

* @param response

* @param request

* @return

* @throws IOException

*/

@RequestMapping(value="fileUp")

public void upload(HttpServletResponse response,HttpServletRequest request) throws IOException{

logger.info("处理文件上传");

response.setCharacterEncoding("utf-8");

MultipartHttpServletRequest multipartRequest = (MultipartHttpServletRequest) request;

Map fileMap = multipartRequest.getFileMap();

//String savePath = this.getServletConfig().getServletContext().getRealPath("");

//savePath = savePath + "/uploads/";

// 文件保存路径  ctxPath本地路径

SimpleDateFormat sdf = new SimpleDateFormat("yyyyMM");

//String ymd = sdf.format(new Date());  +File.separator+"uploadFiles/czy"

String savefile = request.getParameter("savePath");

String replace = request.getParameter("replace");

String ctxPath=request.getSession().getServletContext().getRealPath("/");

String allpath = request.getRequestURL().toString();

String all[] = allpath.split("fileUp");

String currpath = all[0];

System.out.println("currpath="+currpath+savefile);

if("1".equals(replace)){//1替换项目名

String a= ctxPath.replace("SellingTea","productImg");

ctxPath =a;

System.out.println("路径1" + ctxPath);

}else{

ctxPath=request.getSession().getServletContext().getRealPath("/")+savefile+"\\";

}

// ctxPath=request.getSession().getServletContext().getRealPath("/")+File.separator+"uploadFiles/czy";

// ctxPath += File.separator + ymd + File.separator;

ctxPath += File.separator;

System.out.println("ctxpath="+ctxPath);

// 创建文件夹

File file = new File(ctxPath);

if (!file.exists()) {

file.mkdirs();

}

String fileName = null;

for (Map.Entry entity : fileMap.entrySet()) {

// 上传文件

MultipartFile mf = entity.getValue();

fileName = mf.getOriginalFilename();

//获取原文件名

System.out.println("filename="+fileName);

String realNmae=DateUtil.getDteStr()+"@"+ fileName;

File uploadFile = new File(ctxPath +realNmae);

try {

FileCopyUtils.copy(mf.getBytes(), uploadFile);

JSONObject json=new JSONObject();

json.put("sendName", fileName);

json.put("realNmae", realNmae);

json.put("path", currpath+savefile+"/"+realNmae);

System.out.println("path="+ctxPath+realNmae);

PrintWriter pw =response.getWriter();

pw.print(json);

pw.close();

System.out.println("上传成功");

} catch (IOException e) {

System.out.println("上传失败");

e.printStackTrace();

}

}

}

}

4.效果图