快捷導(dǎo)航

SpringBoot實(shí)現(xiàn)單文件上傳

更新時(shí)間：2019年11月30日 07:41:09 作者：KevinYang-凱

這篇文章主要為大家詳細(xì)介紹了SpringBoot實(shí)現(xiàn)單文件上傳，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

SpringBoot實(shí)現(xiàn)單文件上傳功能，供大家參考，具體內(nèi)容如下

架構(gòu)為springboot+thymeleaf,采用ajax方式提交

1. 頁面testFile.html

<!DOCTYPE html>
<html>
<head>
 <meta charset="UTF-8">
 <title>測試文件上傳</title>
 
 <script src="../static/jquery/jquery-2.1.1.min.js" th:src="@{/jquery/jquery-2.1.1.min.js}"></script>
  
  <script type="text/javascript">
  $(function () {
    $("#upload1").click(function () {
      var formData = new FormData();
      formData.append("file", document.getElementById("file").files[0]);  
      $.ajax({
        url: "/file/upload1",
        type: "POST",
        data: formData,
        
        //必須false才會(huì)自動(dòng)加上正確的Content-Type
        contentType: false,
        
        //必須false才會(huì)避開jquery對 formdata 的默認(rèn)處理
        //XMLHttpRequest會(huì)對 formdata 進(jìn)行正確的處理
        processData: false,
        
        success: function (data) {
          if (data.status == "true") {
            alert("上傳成功！");
          }
          if (data.status == "error") {
            alert(data.msg);
          }
        },
        error: function () {
          alert("上傳失敗！");
        }
      });
    });
  });
  </script>
</head>
<body>
 
  <form method="POST" enctype="multipart/form-data" action="/file/upload1">
   <fieldset>
     <legend>單一文件上傳實(shí)例：</legend>
       文件1：<input type="file" name="file" id="file"/><br/>
      
      <input type="button" id="upload1" value="上傳"/><br/>
    </fieldset>
  </form>

</body>
</html>

2. FileController.java

package com.stormkai.controller;

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

import javax.servlet.http.HttpServletRequest;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.multipart.MultipartFile;

import lombok.extern.slf4j.Slf4j;

@Controller
@RequestMapping("/file")
@Slf4j
public class FileController {
 
 @GetMapping("/index")
 public String index() {
 return "testFile";
 }
 
 @PostMapping("/upload1")
  @ResponseBody
  public Map<String, Object> upload1(@RequestParam("file") MultipartFile file, HttpServletRequest request) throws IOException {
    
    log.info("系統(tǒng)路徑={}",request.getSession().getServletContext().getRealPath(""));
    String path = "F:\\uploadfile\\";
    if(!new File(path).exists()){
     new File(path).mkdirs();
 }
    file.transferTo(new File(path + file.getOriginalFilename()));
    Map<String, Object> result = new HashMap<>();
    result.put("status", "true");
    result.put("data", null);
    return result;
  }

}

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: