强大的MultipartFile 进行文件上传 学习笔记

对比io流的文件上传来说 这个MultipartFile才是真正强大的

自己写的比较次勿喷-这个只是为了自己看的

   @PostMapping("/upLoadPhoto")
    public RestAPi upLoadPhoto(MultipartFile file) throws IOException {

        //获取文件后缀
        String fileExt = file.getOriginalFilename().substring(file.getOriginalFilename().lastIndexOf(".") + 1)
                .toLowerCase();
        // 重构文件名称
        String pikId = UUID.randomUUID().toString().replaceAll("-", "");
        String newVidoeName = pikId + "." + fileExt;
        //保存视频
        File fileSave = new File("E:\\new\\CSSystem\\ui\\public\\assets", newVidoeName);
        file.transferTo(fileSave);
        log.info(fileSave.getPath());
        log.info(newVidoeName);
        return new RestAPi(1,"上传成功",null);
    }

配置文件信息

application.yml

spring:
  servlet:
    multipart:
      max-file-size: 200MB #文件上传大小
      max-request-size: 200MB #设置最大请求大小

vue+element 前台

这个只是测试用的

       <el-upload
            class="avatar-uploader"
            action= "./user/upLoadPhoto"
            :show-file-list="false">
        <!--:on-success="handleAvatarSuccess">-->
        <!--:before-upload="beforeAvatarUpload"-->
        <img v-if="imageUrl" :src="imageUrl" class="avatar">
        <i class="el-icon-plus avatar-uploader-icon"></i>
    </el-upload>
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 本文为2016年11月9日,『前端之巅』微信群在线分享活动总结整理而成,转载请在文章开头处注明来自『前端之巅』公众...
    尾尾阅读 13,660评论 3 32
  • 基于Vue的一些资料 内容 UI组件 开发框架 实用库 服务端 辅助工具 应用实例 Demo示例 element★...
    尝了又尝阅读 4,866评论 0 1
  • 33、JS中的本地存储 把一些信息存储在当前浏览器指定域下的某一个地方(存储到物理硬盘中)1、不能跨浏览器传输:在...
    萌妹撒阅读 6,370评论 0 2
  • 一、SpringBoot的yml配置文件 二、SpringBoot配置文件优先级 三、Profile-specif...
    rm杠rf阅读 6,296评论 1 0
  • 不要怀疑一个人的智商 更不要贬低一条宠物狗的聪明 很多时候 人不如狗,但狗也有不如人的时候 不要和一只猫比忠诚 猫...
    静秋飞燕阅读 910评论 0 0