溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

詳解SpringMVC實(shí)現(xiàn)圖片上傳以及該注意的小細(xì)節(jié)

發(fā)布時(shí)間:2020-08-25 22:13:31 來源:腳本之家 閱讀:133 作者:JustCode 欄目:編程語言

先附上圖片上傳的代碼

jsp代碼如下:

<form action="${path}/upload/uploadPic.do" method="post" enctype="multipart/form-data">   
<div>
    ![](${path}/mall/image/load_image.png)
    <input type="file" id="input-image" name="input-image">
    <input id="input-relative-path" name="imgs" type="hidden" >
    <input id="input-last-path" type="hidden">
    <input type="submit" value="上傳圖片">
 </div>
</form>

controller代碼:通過spring的方式實(shí)現(xiàn)

@Controller
@RequestMapping("/upload")
public class UploadController extends BaseController {
  @RequestMapping(value = "/uploadPic", method = RequestMethod.POST)
  @LoginCheck
  public void uploadPic(HttpServletRequest request, PrintWriter out, String lastRealPath) throws IOException {
    // 將當(dāng)前上下文初始化給CommonsMultipartResolver
    CommonsMultipartResolver resolver = new CommonsMultipartResolver(request.getSession().getServletContext());
    // 檢查form中是否有enctype="multipart/form-data"
    if (resolver.isMultipart(request)) {
      // 強(qiáng)制轉(zhuǎn)化request
      MultipartHttpServletRequest req = (MultipartHttpServletRequest) request;
      // 從表單獲取input名稱
      Iterator<String> iterable = req.getFileNames();
      // 存在文件
      if (iterable.hasNext()) {
        String inputName = iterable.next();
        // 獲得文件
        MultipartFile mf = req.getFile(inputName);
        byte[] mfs = mf.getBytes();
        // 定義文件名
        String fileName = new SimpleDateFormat("yyyyMMddHHmmssSSS").format(new Date());
        Random random = new Random();
        for (int i = 0; i < 3; i++) {
          fileName = fileName + random.nextInt(10);
        }
        // 獲得后綴名
        String oriFileName = mf.getOriginalFilename();
        String suffix = oriFileName.substring(oriFileName.lastIndexOf("."));

        // 上傳圖片到本地
        String localPath = "/Users/ZR/Desktop/webPro/console/src/main/webapp/image/" + fileName + suffix;
        mf.transferTo(new File(localPath));

        // 獲取圖片的寬高
        BufferedImage bufferedImage = ImageIO.read(new FileInputStream(new File(localPath)));
        int width = bufferedImage.getWidth();
        int height = bufferedImage.getHeight();
        // 獲取文件大小
        long size = mf.getSize();
      }
    }
  }
}

spring-mvc.xml代碼:

 <!--
  文件上傳的視圖解析器,id值是固定的
 -->
<bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
  <property name="maxUploadSize" value="1024000"/>
  <!-- 其他屬性 -->
</bean>

功能的實(shí)現(xiàn)其實(shí)很簡單,但是對(duì)于初學(xué)者還是需要注意如下幾個(gè)點(diǎn)

  • form上的enctype="multipart/form-data"不能忘記。
  • <input type="file" onchange="submitUpload()" id="input-image" name="input-image"> 的name標(biāo)簽可以隨便取名,但是不能忽略,否則Iterator<String> iterable = req.getFileNames();這邊獲取的集合將為空。

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

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

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI