java实现图片上传功能,并返回图片保存路径

1、前端html

<div class="form-group">
    <label for="inputPassword3" class="col-sm-2 control-label">身份证正面照片:</label>
    <div class="col-sm-10">
    <input type="hidden" name="img"  id="photoUrl"/>
    <input type="file" name="logoFile" id="logoFile" onchange="setImg(this);">
    <span><img id="photourlShow" src="" width="300" height="197"/></span>
    </div>
</div>

2、js

//用于进行图片上传,返回地址
function setImg(obj){
	var f=$(obj).val();
	alert(f);
	console.log(obj);
    if(f == null || f ==undefined || f == ''){
        return false;
    }
    if(!/\.(?:png|jpg|bmp|gif|PNG|JPG|BMP|GIF)$/.test(f))
    {
        alert("类型必须是图片(.png|jpg|bmp|gif|PNG|JPG|BMP|GIF)");
        $(obj).val('');
        return false;
    }
    var data = new FormData();
    console.log(data);
    $.each($(obj)[0].files,function(i,file){
        data.append('file', file);
    });
    console.log(data);
    $.ajax({
        type: "POST",
        url: GLOBAL_INFO.WEBURL_PREFIX+"business/uploadImg.xhtml",
        data: data,
        cache: false,
        contentType: false,    //不可缺
        processData: false,    //不可缺
        dataType:"json",
        success: function(ret) {
        	console.log(ret);
            if(ret.code==0){
                    $("#photoUrl").val(ret.result.url);//将地址存储好
                    $("#photourlShow").attr("src",ret.result.url);//显示图片   
                    alertOk(ret.message);
            }else{
                alertError(ret.message);
                $("#url").val("");
                $(obj).val('');
            }
        },
        error: function(XMLHttpRequest, textStatus, errorThrown) {
            alert("上传失败,请检查网络后重试");
        }
    });
}

3、后台代码

import java.io.File;
import java.text.SimpleDateFormat;
import java.util.Date;
import java.util.HashMap;
import java.util.Map;
import java.util.Random;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.multipart.MultipartFile;

import com.alibaba.fastjson.JSON;
import com.siyang.CommonUtil.BaseController;
import com.siyang.entity.ResponseResult;
/**
 * 照片上传工具类
 * @author admin
 *
 */
@Controller
@RequestMapping("/business")
public class UploaderController extends BaseController{
	@ResponseBody
    @RequestMapping("/uploadImg.xhtml")
    public void uploadPicture(@RequestParam(value="file",required=false)MultipartFile file,HttpServletRequest request,HttpServletResponse response){
        ResponseResult result = new ResponseResult();
		Map<String, Object> map = new HashMap<String, Object>();
        File targetFile=null;
        String url="";//返回存储路径
        int code=1;
        System.out.println(file);
        String fileName=file.getOriginalFilename();//获取文件名加后缀
        if(fileName!=null&&fileName!=""){   
            String returnUrl = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + request.getContextPath() +"/upload/imgs/";//存储路径
            String path = request.getSession().getServletContext().getRealPath("upload/imgs"); //文件存储位置
            String fileF = fileName.substring(fileName.lastIndexOf("."), fileName.length());//文件后缀
            fileName=new Date().getTime()+"_"+new Random().nextInt(1000)+fileF;//新的文件名

            //先判断文件是否存在
            SimpleDateFormat sdf = new SimpleDateFormat("yyyyMMdd");
            String fileAdd = sdf.format(new Date());
            //获取文件夹路径
            File file1 =new File(path+"/"+fileAdd); 
            //如果文件夹不存在则创建    
            if(!file1 .exists()  && !file1 .isDirectory()){       
                file1 .mkdir();  
            }
            //将图片存入文件夹
            targetFile = new File(file1, fileName);
            try {
            	//将上传的文件写到服务器上指定的文件。
                file.transferTo(targetFile);
                url=returnUrl+fileAdd+"/"+fileName;
                code=0;
                result.setCode(code);
                result.setMessage("图片上传成功");
                map.put("url", url);
                result.setResult(map);
            } catch (Exception e) {
                e.printStackTrace();
                result.setMessage("系统异常,图片上传失败");
            }
        }
       writeJson(response, result);
    }
}

4、结果集实体类

package com.siyang.entity;

import java.util.Map;

public class ResponseResult {
	private Integer code;

    private String message;

    private Map<String, Object> result;

    public Integer getCode() {
        return this.code;
    }

    public void setCode(Integer code) {
        this.code = code;
    }

    public String getMessage() {
        return this.message;
    }

    public void setMessage(String message) {
        this.message = message;
    }

    public Map<String, Object> getResult() {
        return this.result;
    }

    public void setResult(Map<String, Object> result) {
        this.result = result;
    }

}

5、向页面返回结果

package com.siyang.CommonUtil;

import java.io.IOException;
import java.io.InputStream;
import java.io.OutputStream;
import java.io.PrintWriter;

import javax.servlet.http.HttpServletResponse;

import org.slf4j.Logger;
import org.slf4j.LoggerFactory;

import com.google.gson.Gson;

public class BaseController {
	 protected Logger logger = LoggerFactory.getLogger(getClass());
	    /**
	     * 输出JSON数据
	     * 
	     * @param response
	     * @param jsonStr
	     */
	    public void writeJson(HttpServletResponse response, String jsonStr) {
	        response.setContentType("text/json;charset=utf-8");
			response.setHeader("Pragma", "No-cache");
			response.setHeader("Cache-Control", "no-cache");
			response.setDateHeader("Expires", 0);
	        PrintWriter pw = null;
	        try {
	            pw = response.getWriter();
	            pw.write(jsonStr);
	            pw.flush();
	        } catch (Exception e) {
	            logger.info("输出JSON数据异常", e);
	        }finally{
	        	if(pw!=null){
	        		pw.close();
	        	}
	        }
	    }
	    /**
	     * 
	     * 向页面响应json字符数组串流.
	     * 
	     * @param response
	     * @param jsonStr
	     * @throws IOException
	     * @return void
	     */
	    public void writeJsonStr(HttpServletResponse response, String jsonStr) throws IOException {

	        OutputStream outStream = null;
	        try {
	            response.reset();
	            response.setCharacterEncoding("UTF-8");
	            outStream = response.getOutputStream();
	            outStream.write(jsonStr.getBytes("UTF-8"));
	            outStream.flush();
	        } catch (IOException e) {
	            logger.info("输出JSON数据异常(writeJsonStr)", e);
	        } finally {
	        	if(outStream!=null){
	        		outStream.close();
	        	}
	        }
	    }

	    public void writeJsonStr(HttpServletResponse response, InputStream in) throws IOException {
	        
	        if(null == in ){
	            return ;
	        }
	        OutputStream outStream = null;
	        try {
	            response.reset();
	            response.setCharacterEncoding("UTF-8");
	            response.setHeader("Pragma", "No-cache");
	    		response.setHeader("Cache-Control", "no-cache");
	    		response.setDateHeader("Expires", 0);
	            outStream = response.getOutputStream();
	            int len = 0;
	            byte[] byt = new byte[1024];
	            while ((len = in.read(byt)) != -1) {
	                outStream.write(byt, 0, len);
	            }
	            outStream.flush();

	        } catch (IOException e) {

	            logger.info("输出JSON数据异常(writeJsonStr)", e);
	        } finally {
	        	if(outStream!=null){
	        		outStream.close();
	        		in.close();
	        	}
	        }
	    }
	    
	    
	    /**
	     * 输出JSON数据
	     * 
	     * @param response
	     * @param jsonStr
	     */
	    public void writeJson(HttpServletResponse response, Object obj) {
	        response.setContentType("text/json;charset=utf-8");
	        response.setHeader("Pragma", "No-cache");
			response.setHeader("Cache-Control", "no-cache");
			response.setDateHeader("Expires", 0);
	        PrintWriter pw = null;
	        Gson gson = new Gson();
	        try {
	            pw = response.getWriter();
	            pw.write(gson.toJson(obj));
	            
	            pw.flush();
	        } catch (Exception e) {
	            logger.info("输出JSON数据异常", e);
	        }finally{
	        	if(pw!=null){
	        		pw.close();
	        	}
	        }
	    }
	    
		
		
		
	   public void writeHtml(HttpServletResponse response, String html) {
	        response.setContentType("text/html;;charset=utf-8");
			response.setHeader("Pragma", "No-cache");
			response.setHeader("Cache-Control", "no-cache");
			response.setDateHeader("Expires", 0);
	        PrintWriter pw = null;
	        try {
	            pw = response.getWriter();
	            pw.write(html);
	            pw.flush();
	        } catch (Exception e) {
	            logger.info("输出HTML数据异常", e);
	        }finally{
	        	if(pw!=null){
	        		pw.close();
	        	}
	        }
	    }
}

 

 

 

 

 

  • 16
    点赞
  • 126
    收藏
    觉得还不错? 一键收藏
  • 8
    评论
实现图片上传一般需要以下步骤: 1. 在前端页面中添加一个文件上传的input元素,设置其type为file,让用户可以选择本地的图片文件进行上传。 2. 在后端服务器中编写一个接收文件上传请求的接口,并且在接口中对上传的文件进行处理,比如保存到服务器的指定目录中。 3. 在处理完上传的文件后,生成一个该图片的浏览地址,并将该地址返回给前端页面。 下面是一个简单的Java代码示例,用于实现图片上传返回浏览地址: 前端页面: ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>图片上传</title> </head> <body> <form action="/upload" method="post" enctype="multipart/form-data"> <input type="file" name="file"> <button type="submit">上传</button> </form> <div id="result"></div> <script> // 使用ajax提交表单 var form = document.querySelector('form'); form.addEventListener('submit', function(event) { event.preventDefault(); var xhr = new XMLHttpRequest(); xhr.open('POST', '/upload'); xhr.onload = function() { if (xhr.status === 200) { var result = JSON.parse(xhr.responseText); var link = document.createElement('a'); link.href = result.url; link.textContent = result.url; document.querySelector('#result').appendChild(link); } else { alert('上传失败:' + xhr.statusText); } }; var formData = new FormData(form); xhr.send(formData); }); </script> </body> </html> ``` 后端Java代码: ```java import java.io.File; import java.io.IOException; import java.util.UUID; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import org.apache.commons.fileupload.FileItem; import org.apache.commons.fileupload.disk.DiskFileItemFactory; import org.apache.commons.fileupload.servlet.ServletFileUpload; import com.fasterxml.jackson.databind.ObjectMapper; public class UploadServlet extends HttpServlet { private static final long serialVersionUID = 1L; // 设置上传文件的保存目录 private static final String UPLOAD_DIR = "uploads"; private static final String BASE_DIR = "/var/www/html/"; @Override protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { resp.setContentType("application/json"); // 判断上传的请求是否为multipart/form-data类型 if (!ServletFileUpload.isMultipartContent(req)) { resp.setStatus(HttpServletResponse.SC_BAD_REQUEST); return; } // 创建一个DiskFileItemFactory对象,用于在磁盘上存储文件 DiskFileItemFactory factory = new DiskFileItemFactory(); factory.setSizeThreshold(4096); factory.setRepository(new File(System.getProperty("java.io.tmpdir"))); // 创建ServletFileUpload对象,并设置上传文件的最大大小 ServletFileUpload upload = new ServletFileUpload(factory); upload.setFileSizeMax(1024 * 1024 * 10); try { // 解析请求,并获取上传文件的FileItem对象 FileItem fileItem = upload.parseRequest(req).stream() .filter(item -> !item.isFormField()) .findFirst().orElse(null); if (fileItem == null) { resp.setStatus(HttpServletResponse.SC_BAD_REQUEST); return; } // 生成一个唯一的文件名 String fileName = UUID.randomUUID().toString() + ".jpg"; // 构建上传文件的保存路径 String savePath = BASE_DIR + UPLOAD_DIR + File.separator + fileName; // 保存上传文件 fileItem.write(new File(savePath)); // 构建上传文件的浏览地址 String url = "http://localhost/" + UPLOAD_DIR + "/" + fileName; // 返回上传文件的浏览地址 ObjectMapper mapper = new ObjectMapper(); resp.getWriter().write(mapper.writeValueAsString(new UploadResult(url))); } catch (Exception e) { resp.setStatus(HttpServletResponse.SC_INTERNAL_SERVER_ERROR); e.printStackTrace(); } } private static class UploadResult { private String url; public UploadResult(String url) { this.url = url; } public String getUrl() { return url; } } } ``` 在上面的代码中,我们使用了Apache Commons FileUpload库来处理文件上传请求,并且使用Jackson库来将上传结果转化为JSON格式。在处理完上传文件后,我们返回一个包含图片浏览地址的JSON对象给前端页面。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 8
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值