SpringBoot上传图片文件

雨点打透心脏的1/2处 2023-01-17 09:20 147阅读 0赞

首先准备好文件上传工具类：

package com.jpoa.common.utils.file;
    
    import com.jpoa.common.config.Global;
    import com.jpoa.common.exception.file.FileNameLengthLimitExceededException;
    import com.jpoa.common.exception.file.FileSizeLimitExceededException;
    import com.jpoa.common.utils.DateUtils;
    import com.jpoa.common.utils.security.Md5Utils;
    import org.apache.commons.io.FilenameUtils;
    import org.apache.commons.lang3.RandomUtils;
    import org.springframework.web.multipart.MultipartFile;
    
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpSession;
    import java.io.File;
    import java.io.IOException;
    
    /**
     * 文件上传工具类
     * 
     * @author jpoa
     */
    public class FileUploadUtils
    {
        /**
         * 默认大小 50M
         */
        public static final long DEFAULT_MAX_SIZE = 50 * 1024 * 1024;
    
        /**
         * 默认的文件名最大长度 100
         */
        public static final int DEFAULT_FILE_NAME_LENGTH = 100;
    
        /**
         * 默认上传的地址
         */
        private static String defaultBaseDir = Global.getProfile();
    
        /**
         * 默认文件类型jpg
         */
        public static final String IMAGE_JPG_EXTENSION = ".jpg";
    
        private static int counter = 0;
    
        public static void setDefaultBaseDir(String defaultBaseDir)
        {
            FileUploadUtils.defaultBaseDir = defaultBaseDir;
        }
    
        public static String getDefaultBaseDir()
        {
            return defaultBaseDir;
        }
    
        /**
         * 以默认配置进行文件上传
         *
         * @param file 上传的文件
         * @return 文件名称
         * @throws Exception
         */
        public static final String upload(MultipartFile file) throws IOException
        {
            try
            {
                return upload(getDefaultBaseDir(), file, FileUploadUtils.IMAGE_JPG_EXTENSION);
            }
            catch (Exception e)
            {
                throw new IOException(e.getMessage(), e);
            }
        }
    
        /**
         * 根据文件路径上传
         *
         * @param baseDir 相对应用的基目录
         * @param file 上传的文件
         * @return 文件名称
         * @throws IOException
         */
        public static final String upload(String baseDir, MultipartFile file) throws IOException
        {
            try
            {
                return upload(baseDir, file, FileUploadUtils.IMAGE_JPG_EXTENSION);
            }
            catch (Exception e)
            {
                throw new IOException(e.getMessage(), e);
            }
        }
    
        /**
         * 根据文件格式上传
         *
         * @param file 上传的文件
         * @return 文件名称
         * @throws IOException
         */
        public static final String upload(MultipartFile file, String fileType) throws IOException
        {
            try
            {
                return upload(defaultBaseDir,file,fileType );
            }
            catch (Exception e)
            {
                throw new IOException(e.getMessage(), e);
            }
        }
    
        /**
         * 文件上传
         *
         * @param baseDir 相对应用的基目录
         * @param file 上传的文件
         * @param extension 上传文件类型
         * @return 返回上传成功的文件名
         * @throws FileSizeLimitExceededException 如果超出最大大小
         * @throws FileNameLengthLimitExceededException 文件名太长
         * @throws IOException 比如读写文件出错时
         */
        public static final String upload(String baseDir, MultipartFile file, String extension)
                throws FileSizeLimitExceededException, IOException, FileNameLengthLimitExceededException
        {
    
            int fileNamelength = file.getOriginalFilename().length();
            if (fileNamelength > FileUploadUtils.DEFAULT_FILE_NAME_LENGTH)
            {
                throw new FileNameLengthLimitExceededException(FileUploadUtils.DEFAULT_FILE_NAME_LENGTH);
            }
    
            assertAllowed(file);
    
            String fileName = extractFilename(file, extension);
    
            File desc = getAbsoluteFile(baseDir, baseDir + fileName);
            file.transferTo(desc);
            return fileName;
        }
    
        public static final String extractFilename(MultipartFile file, String extension)
        {
            String filename = file.getOriginalFilename();
            //filename = DateUtils.datePath() + "/" + encodingFilename(filename) + extension;
            filename = DateUtils.datePath() + "/" + filename;
            return filename;
        }
    
        public static final File getAbsoluteFile(String uploadDir, String filename) throws IOException
        {
            File desc = new File(File.separator + filename);
    
            if (!desc.getParentFile().exists())
            {
                desc.getParentFile().mkdirs();
            }
            if (!desc.exists())
            {
                desc.createNewFile();
            }
            return desc;
        }
    
        public static final File getMkdirs(String filename) throws IOException
        {
            File desc = new File(File.separator + filename);
    
            if (!desc.exists())
            {
                desc.mkdir();
            }
            return desc;
        }
    
        /**
         * 编码文件名
         */
        private static final String encodingFilename(String filename)
        {
            filename = filename.replace("_", " ");
            filename = Md5Utils.hash(filename + System.nanoTime() + counter++);
            return filename;
        }
    
        /**
         * 文件大小校验
         *
         * @param file 上传的文件
         * @return
         * @throws FileSizeLimitExceededException 如果超出最大大小
         */
        public static final void assertAllowed(MultipartFile file) throws FileSizeLimitExceededException
        {
            long size = file.getSize();
            if (DEFAULT_MAX_SIZE != -1 && size > DEFAULT_MAX_SIZE)
            {
                throw new FileSizeLimitExceededException(DEFAULT_MAX_SIZE / 1024 / 1024);
            }
        }
    
        /**
         * 上传图片路径
         * @param attach
         * @param session
         * @param request
         * @return 图片路径
         */
        public static final String uploadImg(MultipartFile attach, HttpSession session, HttpServletRequest request){
            String idPicPath=null;
    
                if(!attach.isEmpty()){
                    //获取项目实际发布的上传路径并且加上你自己想创建的文件夹名File.separator是分割符
                    String path=session.getServletContext().getRealPath("statics"+ File.separator+"uploadfiles");
                    String oldFileName=attach.getOriginalFilename();//原文件名
                    String prefix= FilenameUtils.getExtension(oldFileName);//源文件后缀
                    int filesize=500000;
                    if(attach.getSize()>filesize){//上传大小不得超过500kb
                        request.setAttribute("uploadFileError","* 上传大小不得超过500kb");
                        //返回添加页面
                    }else if(prefix.equalsIgnoreCase("jpg")||prefix.equalsIgnoreCase("png")||
                            prefix.equalsIgnoreCase("jpeg")||prefix.equalsIgnoreCase("pneg")
                    ){
                        String fileName= System.currentTimeMillis()+ RandomUtils.nextInt()+"_Personal.jpg";
                        File targetFile=new File(path,fileName);
                        if(!targetFile.exists()){
                            targetFile.mkdirs();
                        }
                        //保存
                        try {
                            //里面底层源码就是把文件复制到你想复制到的文件目录下
                            attach.transferTo(targetFile);
                        } catch (IOException e) {
                            e.printStackTrace();
                            request.setAttribute("uploadFileError","* 上传失败！");
    
                        }
                        //拼接图片路径
                        idPicPath="statics"+ File.separator+"uploadfiles"+File.separator+fileName;
                    }else {
                        request.setAttribute("uploadFileError","* 上传图片格式不正确");
    
                    }
                }
            return idPicPath;
        }
    }

在页面中创建文件元素：

<form class="layui-form my-form-class" action="" enctype="multipart/form-data">
         <input type="hidden" name="errorinfo" id="errorinfo" value="${uploadFileError}">
         //在无上传图片的时候放一张图做提示
         <img  class="img" src="../images/nopictures.jpg" height="50" width="50">
         <input type="file" name="a_idPicPath" id="a_idPicPath"/>
         <font color="red"></font>
    </form>

接下来在js里写上传图片显示的代码和传后台的代码：

$(function(){
            //上传图片后显示图片
            $("input[type='file']").change(function(){
                var file = this.files[0];
                if (window.FileReader) {
                    var reader = new FileReader();
                    reader.readAsDataURL(file);
                    //监听文件读取结束后事件    
                    reader.onloadend = function (e) {
                        $(".img").attr("src",e.target.result);    //e.target.result就是最后的路径地址
                    };
                }
            });
        });
    
     function submitInfo(sendData) {
                $.ajax({
                    url: "workflowBZGDAdd"
                    , data: sendData
                    , type: "POST"
                    , contentType: false
                    , async: false //同步请求
                    , success: function (data) {
                        if (data == "true") {
                            parent.layer.msg("新增成功！", {icon: 1});
                            parent.$("#jqGrid").trigger("reloadGrid");
                        } else {
                            layer.msg(data, {icon: 5});
                        }
                    }
                });
            }
    
           
            form.on('submit(sure)', function (data) {
                //表单序列化
                var data= $("form").serialize();
                submitInfo(data);
            });

后台控制器代码：

@PostMapping("workflowBZGDAdd")
        @ResponseBody
        public String workflowBZGDAddPost(MwWorkitem mwWorkitem,HttpSession session, HttpServletRequest request,
                                          @RequestParam(value = "a_idPicPath",required = false) MultipartFile attach) {
            try {
                String img = FileUploadUtils.uploadImg(attach, session, request);
                if(StringUtils.isEmpty(img)){
                    return img;
                }
                mwWorkitem.setImgicon(img);
                Integer insertMwWorkitem = mwWorkitemService.insertMwWorkitem(mwWorkitem);
                return "true";
            } catch (Exception e) {
                return e.getMessage();
            }
        }

看看效果(上传文件前后)：

![20210428171504231.png][]

![20210428171549619.png][]

[20210428171504231.png]: /images/20221021/401fbaa29d924df88ab673dc99e2f299.png
[20210428171549619.png]: /images/20221021/14b3aa7bf41e4580a828840779f922e6.png