element-ui+java 上传文件

前端

        <el-upload
          class="upload-demo"
          ref="upload"
          name="files"
          action="/development-web/excelAddress/uploadFile"
          :on-success="handleSuccess"
          :limit="limitFile"
          :file-list="fileList"
          :auto-upload="true">
          <el-button type="primary" slot="trigger" round>导入</el-button>
        </el-upload>

//name="files" 很重要,文件的key 其他的属性自行看api觉得是否需要

 

后台

HttpservletRequest 有一个扩展类 Multipar(多组件的)HttpservletRequest,它的getFile()方法可以获取前台上传的文件,fileName是前台指定好的,具体查看<el-upload>的name属性, get完后返回一个MultipartFile类,它的常用方法如下

    @RequestMapping("/uploadFile")
    @ResponseBody
    public ResponseResult uploadFile(HttpServletRequest request) throws Exception {
        MultipartHttpServletRequest multipartRequest = (MultipartHttpServletRequest) request;

//files对应前端的key
        MultipartFile multipartFile = multipartRequest.getFile("files");
   multipartFile.getBytes();//得到文件的二进制流
}