1. 前端要求

//采用post方法提交文件
method="post"   
//采用enctype屬性
enctype=""
//type屬性要求
type="file"

2. 后端要求

package com.itheima.reggie.controller;import com.itheima.reggie.common.R;
import lombok.extern.slf4j.Slf4j;
import org.springframework.beans.factory.annotation.Value;
import org.springframework.web.bind.annotation.*;
import org.springframework.web.multipart.MultipartFile;import javax.servlet.ServletOutputStream;
import javax.servlet.http.HttpServletResponse;
import java.io.File;
import java.io.FileInputStream;
import java.io.IOException;
import java.util.UUID;/*** 文件上傳和下載*/
@RestController
@RequestMapping("/common")
@Slf4j
public class CommonController {@Value("${reggie.path}")private String basePath;/*** 文件上傳* @param file* @return*/@PostMapping("/upload")public R<String> upload(MultipartFile file){//file是一個臨時文件，需要轉(zhuǎn)存到指定位置，否則本次請求完成后臨時文件會刪除log.info(file.toString());//原始文件名String originalFilename = file.getOriginalFilename();//abc.jpgString suffix = originalFilename.substring(originalFilename.lastIndexOf("."));//使用UUID重新生成文件名，防止文件名稱重復(fù)造成文件覆蓋String fileName = UUID.randomUUID().toString() + suffix;//dfsdfdfd.jpg//創(chuàng)建一個目錄對象File dir = new File(basePath);//判斷當(dāng)前目錄是否存在if(!dir.exists()){//目錄不存在，需要創(chuàng)建dir.mkdirs();}try {//將臨時文件轉(zhuǎn)存到指定位置file.transferTo(new File(basePath + fileName));} catch (IOException e) {e.printStackTrace();}return R.success(fileName);}/*** 文件下載* @param name* @param response*/@GetMapping("/download")public void download(String name, HttpServletResponse response){try {//輸入流，通過輸入流讀取文件內(nèi)容FileInputStream fileInputStream = new FileInputStream(new File(basePath + name));//輸出流，通過輸出流將文件寫回瀏覽器ServletOutputStream outputStream = response.getOutputStream();response.setContentType("image/jpeg");int len = 0;byte[] bytes = new byte[1024];while ((len = fileInputStream.read(bytes)) != -1){outputStream.write(bytes,0,len);outputStream.flush();}//關(guān)閉資源outputStream.close();fileInputStream.close();} catch (Exception e) {e.printStackTrace();}}
}

server:port: 8080
spring:application:#應(yīng)用的名稱，可選name: reggie_take_outreggie:path: D:\img\
在這里插入代碼片