利用springboot怎么對圖片進(jìn)行上傳

發(fā)布時(shí)間：2020-12-15 15:16:17 來源：億速云閱讀：306 作者：Leah 欄目：開發(fā)技術(shù)

今天就跟大家聊聊有關(guān)利用springboot怎么對圖片進(jìn)行上傳，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結(jié)了以下內(nèi)容，希望大家根據(jù)這篇文章可以有所收獲。

步驟一：基于前面springboot入門小demo

　　基于的springboot入門小demo，已包含了前面文章的知識點(diǎn)（比如：熱部署、全局異常處理器）。

步驟二：創(chuàng)建uploadPage.jsp上傳頁面　　

　　在jsp目錄下新建uploadPage.jsp,需要幾點(diǎn)：
　　1. method="post" 是必須的
　　2. enctype="multipart/form-data" 是必須的，表示提交二進(jìn)制文件
　　3. name="file" 是必須的，和后續(xù)服務(wù)端對應(yīng)
　　4. accept="image/*" 表示只選擇圖片

<%@ page language="java" contentType="text/html; charset=UTF-8"
  pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>圖片上傳</title>
</head>
<body>
  <form action="upload" method="post" enctype="multipart/form-data">
    選擇圖片:<input type="file" name="file" accept="image/*" /> <br>
    <input type="submit" value="立刻上傳">
  </form>
</body>
</html>

步驟三：創(chuàng)建UploadController.java

　　因?yàn)閡ploadPage.jsp在WEB-INF下，不能直接從瀏覽器訪問，所以要在這里加一個(gè)uploadPage跳轉(zhuǎn)，這樣就可以通過。

　　測試訪問頁面：http://127.0.0.1:8080/uploadPage

　　訪問到uploadPage.jsp頁面了（只是可以訪問，還不能上傳）。

package cn.xdf.springboot.controller;

import java.io.File;
import java.io.FileNotFoundException;
import java.io.IOException;

import javax.servlet.http.HttpServletRequest;

import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
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.multipart.MultipartFile;

@Controller
public class UploadController {
  // 因?yàn)閡ploadPage.jsp 在WEB-INF下，不能直接從瀏覽器訪問，所以要在這里加一個(gè)uploadPage跳轉(zhuǎn)，這樣就可以通過
  @RequestMapping("/uploadPage")
  public String uploadPage() {
    return "uploadPage";  //過度跳轉(zhuǎn)頁
  }

  @PostMapping("/upload") // 等價(jià)于 @RequestMapping(value = "/upload", method = RequestMethod.POST)
  public String uplaod(HttpServletRequest req, @RequestParam("file") MultipartFile file, Model m) {//1. 接受上傳的文件 @RequestParam("file") MultipartFile file
    try {
      //2.根據(jù)時(shí)間戳創(chuàng)建新的文件名，這樣即便是第二次上傳相同名稱的文件，也不會(huì)把第一次的文件覆蓋了
      String fileName = System.currentTimeMillis() + file.getOriginalFilename();
      //3.通過req.getServletContext().getRealPath("") 獲取當(dāng)前項(xiàng)目的真實(shí)路徑，然后拼接前面的文件名
      String destFileName = req.getServletContext().getRealPath("") + "uploaded" + File.separator + fileName;
      //4.第一次運(yùn)行的時(shí)候，這個(gè)文件所在的目錄往往是不存在的，這里需要?jiǎng)?chuàng)建一下目錄（創(chuàng)建到了webapp下uploaded文件夾下）
      File destFile = new File(destFileName);
      destFile.getParentFile().mkdirs();
      //5.把瀏覽器上傳的文件復(fù)制到希望的位置
      file.transferTo(destFile);
      //6.把文件名放在model里，以便后續(xù)顯示用
      m.addAttribute("fileName", fileName);
    } catch (FileNotFoundException e) {
      e.printStackTrace();
      return "上傳失敗," + e.getMessage();
    } catch (IOException e) {
      e.printStackTrace();
      return "上傳失敗," + e.getMessage();
    }

    return "showImg";
  }
}

步驟四：創(chuàng)建showImg.jps

<%@ page language="java" contentType="text/html; charset=UTF-8"
  pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>上傳圖片</title>
</head>
<body>
  <img src="/uploaded/${fileName}">
</body>
</html>

　　文件最終上傳到webapp下面的uploaded文件夾下面，如果看不到，就刷新一哈。

　　所以通過這個(gè) <img src="/uploaded/${fileName}"> 鏈接，就可以訪問到圖片。

步驟五：修改application.properties

　　設(shè)置上傳文件的大小，默認(rèn)是1m,太小了，文件稍微大一點(diǎn)就會(huì)出錯(cuò)

spring.mvc.view.prefix=/WEB-INF/jsp/
spring.mvc.view.suffix=.jsp
spring.http.multipart.maxFileSize=100Mb
spring.http.multipart.maxRequestSize=100Mb

步驟六：測試

　　訪問測試地址：http://127.0.0.1:8080/uploadPage

利用springboot怎么對圖片進(jìn)行上傳

　　上傳成功后，跳轉(zhuǎn)到showImg.jsp訪問圖片資源。

看完上述內(nèi)容，你們對利用springboot怎么對圖片進(jìn)行上傳有進(jìn)一步的了解嗎？如果還想了解更多知識或者相關(guān)內(nèi)容，請關(guān)注億速云行業(yè)資訊頻道，感謝大家的支持。

向AI問一下細(xì)節(jié)

利用springboot怎么對圖片進(jìn)行上傳

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽