Spring Boot + Html + FormDate 實現參數和文件同時提交

前臺頁面 + JS

<form><input type="file" name="file" id="file_id"><input type="button" value="上傳文件" onclick="upload_file();"> </form>

點擊觸發上傳事件

function upload_file(){let formDate = new FormData();formDate.append("fileName","userInfo.doc");formDate.append("dateTime",new Date().getTime().toString());formDate.append("file",$("#file")[0].files[0]);$.ajax({url: basePath + "/file/upload",type:"POST",data:formDate,cache: false,processData: false, //不使用默認序列化contentType: false, //不使用默認數據格式化success:function(result){alert(result.msg);}}); }

cache: false

不使用緩存

processData: false

默認為 true 將對象以字符串形式傳輸 ,此處不使用默認序列化, 直接使用 FormDate數據格式提交

contentType: false

默認值 : application/x-www-form-urlencoded , 次處不使用默認數據格式, 以此來滿足文件對象傳輸

后臺接收

package com.spring.login.controller;import com.spring.login.model.FileBean; import com.spring.login.service.FileService; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.beans.factory.annotation.Value; import org.springframework.data.repository.query.Param; 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.RestController; import org.springframework.web.multipart.MultipartFile;import java.io.FileInputStream; import java.io.IOException; import java.io.InputStream;@RestController @RequestMapping(value = "file") public class FileController {@Autowired private FileService fileService;@PostMapping(value = "upload") public void uploadFile(FileBean fileBean, @RequestParam(value = "file",required = false) MultipartFile file){System.out.println("文件名:" + file.getOriginalFilename());FileInputStream inputStream = null;try {inputStream = (FileInputStream) file.getInputStream();fileService.upload(inputStream);} catch (IOException e) {e.printStackTrace();} finally {if ( null != inputStream ) {try {inputStream.close();} catch (IOException e) {e.printStackTrace();}}} }

總結

以上是生活随笔為你收集整理的MultipartFile 文件上传的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。