no15-第十一章第二次课-springmvc的单文件和多文件上传-rest风格

rest风格写法

前端：

 <a href="${pageContext.request.contextPath}/detail/2">rest测试</a>

后端control

@Controller
public class TestRestController {

    /*查询*/
    @GetMapping("/detail/{id}")
    public String detail(@PathVariable Integer id){
        System.out.println(id);

        return "rest_details";
    }

springMVC的文件上传

1.单文件上传

• 先引入两个jar

commons-fileupload

commons-io

• 编写页面代码

  <form method="post" action="uploadImg" enctype="multipart/form-data">
    <input type="file" name="img">
    <input type="submit" value="上传">
  </form>

  <p>${message}</p>

• 编写control代码

 @RequestMapping("/uploadImg")
    public String uploadImg(MultipartFile img, HttpServletRequest request){

        Boolean flag =true;
        if(!img.isEmpty()){//判断前端有没有传文件
            //1.文件打算上传到哪里呢？哪个路径下呢

            /* request.getServletContext()  相当于application  */
            String realPath = request.getServletContext().getRealPath("/upimgs/user");
            //2.创建目录
            File file = new File(realPath);
            if(!file.exists()){
                file.mkdirs();
            }
            //3.拿到用户上传的文件的原始名字----进一步拿到文件的后缀名
            String originalFilename = img.getOriginalFilename();//原始名字 xx.xxxyyy.yyyxx.JPG  PNG
            String fileSuffix = originalFilename.substring(originalFilename.lastIndexOf("."));



            //4.判断文件的大小——超过1m的文件不允许上传
            if(img.getSize()>1024000){
                //不跳转成功页面
                flag=false;
                request.setAttribute("error","文件超过1m不允许上传");

            }else if(fileSuffix.equalsIgnoreCase(".jpg")
                    || fileSuffix.equalsIgnoreCase(".png")
                    ||fileSuffix.equalsIgnoreCase(".jpeg")
                    ||fileSuffix.equalsIgnoreCase(".gif")
            ){//再判断一下文件的格式
                //开始上传到服务器

                //文件重命名
                String newFileName= UUID.randomUUID()+fileSuffix;
                File saveFile = new File(realPath+"/"+newFileName);
                try {
                    img.transferTo(saveFile);
                } catch (IOException e) {
                    flag=false;
                    request.setAttribute("error","文件上传失败");
                    e.printStackTrace();
                }

            }else{
                flag=false;
                request.setAttribute("error","文件格式不对，必须上传图片才行");
            }
        }else{
            flag=false;
            request.setAttribute("error","文件必填");
        }


        if(flag ){
            return "uploadSuccess";//跳到上传成功的页面
        }else{
            return "rest";//跳到rest
        }
    }

• 编写的springmvc的配置文件

  <!--配置文件上传解析器-->
    <bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
        <!--        设置文件上传的默认编码格式-->
        <property name="defaultEncoding" value="utf-8"></property>
        <!--        显示文件上传的大小，单位字节-->
        <property name="maxUploadSize" value="1024000"></property>
    </bean>

2.多文件上传

@RequestMapping("/uploadImgMore")
    public String uploadImgMore(MultipartFile[] lifeImg, HttpServletRequest request){
        Boolean flag =true;
        //1.文件打算上传到哪里呢？哪个路径下呢

        /* request.getServletContext()  相当于application  */
        String realPath = request.getServletContext().getRealPath("/upimgs/user/life");
        //2.创建目录
        File file = new File(realPath);
        if(!file.exists()){
            file.mkdirs();
        }
        //3.拿到用户上传的文件的原始名字----进一步拿到文件的后缀名
        for (MultipartFile img : lifeImg) {
            if(!img.isEmpty()){
                String originalFilename = img.getOriginalFilename();//原始名字 xx.xxxyyy.yyyxx.JPG  PNG
                String fileSuffix = originalFilename.substring(originalFilename.lastIndexOf("."));
                //4.判断文件的大小——超过1m的文件不允许上传
                if(img.getSize()>1024000){
                    //不跳转成功页面
                    flag=false;
                    request.setAttribute("error","文件超过1m不允许上传");

                }else if(fileSuffix.equalsIgnoreCase(".jpg")
                        || fileSuffix.equalsIgnoreCase(".png")
                        ||fileSuffix.equalsIgnoreCase(".jpeg")
                        ||fileSuffix.equalsIgnoreCase(".gif")
                ){//再判断一下文件的格式
                    //开始上传到服务器
                    File saveFile = new File(realPath+"/"+originalFilename);
                    try {
                        img.transferTo(saveFile);
                    } catch (IOException e) {
                        flag=false;
                        request.setAttribute("error","文件上传失败");
                        e.printStackTrace();
                    }

                }else{
                    flag=false;
                    request.setAttribute("error","文件格式不对，必须上传图片才行");
                }
            }else{
                flag=false;
                request.setAttribute("error","多个都必须上传");
            }

        }


        if(flag ){
            return "uploadSuccess";//跳到上传成功的页面
        }else{
            return "rest";//跳到rest
        }
    }
}

  <form method="post" action="uploadImgMore" enctype="multipart/form-data">
    <input type="file" name="lifeImg"><br/>
    <input type="file" name="lifeImg"><br/>
    <input type="file" name="lifeImg"><br/>
    <input type="submit" value="上传">
  </form>

补充：

1.前端只上传图片的话可以：accept="image/*"

文档介绍：html - input - accept 上传文件类型

文章地址：https://www.cnblogs.com/zc-lee/p/16086688.html

2.多文件同时选中上传

加属性multiple="multiple"