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
         * @author 蒋勇
         * @date 2015-1-14 下午4:18:33
         */
        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();
                }
            }
        }
}

摘自:https://blog.csdn.net/weixin_40050532/article/details/80799708

原文地址:https://www.cnblogs.com/yunliu0603/p/10109150.html

时间: 2024-10-06 01:19:42

java实现图片上传功能,并返回图片保存路径的相关文章

(转)淘淘商城系列——实现图片上传功能

http://blog.csdn.net/yerenyuan_pku/article/details/72808000 上文我们使用FastDFS-Client进行了简单的文件上传操作测试,淘淘商城项目中添加商品时上传图片的功能还没实现,如下图所示.本文将花大量笔墨来教大家如何实现图片上传这个功能. 我们来看下item-add.jsp页面,可以看到上传图片触发的方法是通过叫做picFileUpload的class来处理的,在<a>标签的下方是一个隐藏域,是用来接收图片上传到图片服务器的回显地址

在SAE上使用Ueditor的图片上传功能

SAE上是没有目录读写权限的,所以要在SAE使用Ueditor的图片上传功能需要借助SAE的Storage服务. 一.开通Storage服务 在SAE控制台开通Storage服务,并新增一个domain. 二.修改Ueditor代码 Ueditor处理上传文件的方法在DjangoUeditor/jviews.py中,上传图片的请求是由下面函数处理的 #上传附件 @csrf_exempt def UploadFile(request,uploadtype,uploadpath):     '''

用jsp实现简单的图片上传功能(multipart/form-data形式的表单)

2008-10-11 22:07 用jsp实现简单的图片上传功能 1 先做一个页面,选择上传的图片<body>   <form action="uploadServlet" enctype="multipart/form-data" method="POST" >           selectimage: <input type="file" name="myfile"/&

vue 图片上传功能

这次做了vue页面的图片上传功能,不带裁剪功能的! 首先是html代码,在input框上添加change事件,如下: <ul class="clearfix">   <li v-if="imgs.length>0" v-for='(item ,index ) in imgs'>   <img :src="item">   </li>   <li style="position:

thinkphp实现UploadFile.class.php图片上传功能

图片上传在网站里是很常用的功能.ThinkPHP里也有自带的图片上传类(UploadFile.class.php) 和图片模型类(Image.class.php).方便于我们去实现图片上传功能,下面是实现方法 1.我们首先需要创建一个表 复制代码代码如下: CREATE TABLE IF NOT EXISTS `tp_image` ( `id` int(11) NOT NULL AUTO_INCREMENT, `image` varchar(200) NOT NULL, `create_time

从web编辑器 UEditor 中单独提取图片上传,包含多图片单图片上传以及在线涂鸦功能

UEditor是由百度web前端研发部开发所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于MIT协议,允许自由使用和修改代码.(抄的...) UEditor是非常好用的富文本web编辑器,而且全中文API和注释,方便学习和使用.特别是图片上传查看及涂鸦功能极为喜欢,但是有很多情况我们并不需要Web编辑器,而只需要图片上传.那么问题来了,提取图片上传哪家强..... 网上有很多图片上传的控件.插件.但都不是那么的完美,有的只有一张图片上传不包含批量上传,有的没有图片查看

jq图片上传功能

//图片上传功能jQuery.fn.extend({ uploadPreview: function (opts) { var _self = this, _this = $(this); opts = jQuery.extend({ Img: "ImgPr", Width: 100, Height: 100, ImgType: ["gif", "jpeg", "jpg", "bmp", "png

给DEDECMS广告管理中增加图片上传功能

dedecms的广告管理功能稍微有点次,本文就是在dedecms广告管理原有的基础上增加广告图片上传功能. 安装方法,对应自己的dedecms版本下载对应的编码然后解压把里面的文件放在后台目录覆盖即可. 效果图: 原文地址:https://www.cnblogs.com/liu-zhijun/p/11404535.html

Java生成二维码并用FastDFS上传到文件服务器返回图片地址

1. maven依赖 <dependency> <groupId>com.google.zxing</groupId> <artifactId>core</artifactId> <version>3.1.0</version> </dependency> <dependency> <groupId>commons-codec</groupId> <artifactId