vue+springboot文件上传

//vue element-ui组件

<el-upload style="position: relative;top: -40px;left: 240px;"

                      :show-file-list="false"

                      :on-success="onSuccess"

                      :on-error="onError"

                      :before-upload="beforeUpload"

                      :on-remove="handleRemove"

                      action="/api/upLoadFile"

                      accept=".json, .txt, .csv, .xls, .xlsx"

                    >

                      <el-button plain type="primary">导入</el-button>

                    </el-upload>

//js方法

　　handleRemove(file, fileList) {

    },

        /**

     * 上传之前回调函数

     */

    beforeUpload(file) {

      console.log(file.name);

      this.uploaDialog = true;

    },

      /**

     * 上传失败回调函数

     */

    onError(err, file, fileList) {

      this.enabledUploadBtn = false;

      this.$message({

        message: "上传失败",

        type: "error"

      });

    },

    /**

     * 上传成功回调函数

     */

    onSuccess(response, file, fileList) {

      this.enabledUploadBtn = false;

      // console.log(response)

      this.$message({

        message: response.msg,

          type: "info"

      });

        file = [];

        fileList = [];

    },

//后台

import java.io.File;
import java.io.IOException;
import java.io.InputStream;
import java.util.HashMap;
import java.util.Map;

import javax.servlet.http.HttpServletRequest;

import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
import org.springframework.beans.factory.annotation.Value;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.bind.annotation.RestController;
import org.springframework.web.multipart.MultipartFile;

@Controller
public class UploadFile {

　　　private static Logger log = LoggerFactory.getLogger(UploadFile.class);

　　@RequestMapping(value = "/upLoadFile", method = RequestMethod.POST, produces = "application/json;charset=utf-8")
　　@ResponseBody
　　public String importFile(@RequestParam("file") MultipartFile file,
　　　　HttpServletRequest request){
　　　　　　log.info("importFile()");
　　　　　　Map<String, String> reMap = new HashMap<>();
　　　　　　if (file.isEmpty()) {
　　　　　　　　return "文件为空";
　　　　　　}
　　　　　　// 获取文件名
　　　　　　String fileName = file.getOriginalFilename();
　　　　　　log.info("上传的文件名为:" + fileName);
　　　　　　// 获取文件的后缀名
　　　　　　String suffixName = fileName.substring(fileName.lastIndexOf("."));
　　　　　　log.info("上传的后缀名为:" + suffixName);
　　　　　　// 文件上传路径 应该改为服务器路径
　　　　　　String filePath = "f:/objdocument/";
　　　　　　File dest = new File(filePath + fileName);
　　　　　　// 检测是否存在目录
　　　　　　if (!dest.getParentFile().exists()) {
　　　　　　　　dest.getParentFile().mkdirs();
　　　　　　}
　　　　　　try {
　　　　　　　　file.transferTo(dest);
　　　　　　　　reMap.put("msg", "上传成功");
　　　　　　} catch (IllegalStateException e) {
　　　　　　　　log.info(e.toString());
　　　　　　　　reMap.put("msg", "上传失败");
　　　　　　} catch (IOException e) {
　　　　　　　　log.info(e.toString());
　　　　　　　　reMap.put("msg", "上传失败");
　　　　　　}
　　　　　　String str = JsonUtil.map2Json(reMap);
　　　　　　return str;
　　}
}

application.properties相关配置

spring.http.multipart.enabled=true #默认支持文件上传.
spring.http.multipart.file-size-threshold=0 #支持文件写入磁盘.
spring.http.multipart.location= # 上传文件的临时目录
spring.http.multipart.max-file-size=1Mb # 最大支持文件大小
spring.http.multipart.max-request-size=10Mb # 最大支持请求大小