SpringMvc上傳圖片/使用圖片

關於SpringMvc圖片上傳與使用

有幾個朋友不怎么會使用這SpringMvc+maven，想使用它上傳頭像之類的，以下就是單張圖片上傳保存

可以代碼寫得不是很好，但是能用，相當於給大家一些思路，不滿意，直接修改就成了

圖片保存幫助類 PhotoUtil.java

package com.Demo;

import org.springframework.web.multipart.MultipartFile;

import javax.servlet.http.HttpServletRequest;
import java.io.File;
import java.io.FileOutputStream;
import java.io.IOException;
import java.util.Properties;

/**
 * Created by Administrator on 2017/3/29.
 */
public class PhotoUtil {

    /**
     *
     * 功能描述   保存圖片
     *
     * @param filedata
     *           文件數據
     *　　返回圖片位置
     */
    public static String saveFile( MultipartFile filedata, HttpServletRequest request) {
        // TODO Auto-generated method stub
        String pathval = request.getSession().getServletContext().getRealPath("/")+"WEB-INF/";
        // 根據配置文件獲取服務器圖片存放路徑
        String newFileName = String.valueOf( System.currentTimeMillis());
        String saveFilePath = "images/uploadFile";
        /* 構建文件目錄 */
        File fileDir = new File(pathval + saveFilePath);
        if (!fileDir.exists()) {
            fileDir.mkdirs();
        }
        //上傳的文件名
        String filename=filedata.getOriginalFilename();
        //文件的擴張名
        String extensionName = filename.substring(filename.lastIndexOf(".") + 1);
        try {
            String imgPath = saveFilePath + newFileName + "." +extensionName;
            //System.out.println(pathval + imgPath);打印圖片位置
            FileOutputStream out = new FileOutputStream(pathval + imgPath);
            // 寫入文件
            out.write(filedata.getBytes());
            out.flush();
            out.close();
            return imgPath;
        } catch (Exception e) {
            e.printStackTrace();
        }
        return null;
    }


    /**
     *
     * 功能描述：刪除圖片
     *
     * @param oldPic
     *
     */
    private void deleteFile(String oldPic) {
        // TODO Auto-generated method stub

        /* 構建文件目錄 */
        File fileDir = new File(oldPic);
        if (fileDir.exists()) {
            //把修改之前的圖片刪除 以免太多沒用的圖片占據空間
            fileDir.delete();
        }

    }
}

幫助類，復制進去就行了

 

然后SpringMvc控制文件中需要回一些配置(我的文件名是SpringMvcContext.xml)

<!-- 靜態資源映射 -->

<mvc:resources mapping="/images/**" location="/WEB-INF/images/" cache-period="31556926"/>

<!--文件上傳的控制-->
　　<!-- file upload -->
    <bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
        <property name="maxUploadSize" value="-1"/><!-- 字節單位 -->
        <property name="maxInMemorySize" value="2048"/><!-- 2M -->
        <property name="defaultEncoding" value="UTF-8"/>
    </bean>

其次就是文件的jar包如是用的maven就回上這句話（pom.xml中）

   <dependency>
      <groupId>commons-fileupload</groupId>
      <artifactId>commons-fileupload</artifactId>
      <version>1.3.2</version> 
    </dependency>

    <dependency>
      <groupId>commons-io</groupId>
      <artifactId>commons-io</artifactId>
      <version>2.4</version>
    </dependency>

加上后刷新maven在maven的jar包可以看到

 

當然如果不是使用maven的，要去下載加上下邊的jar包

commons-fileupload-1.3.2.jar
和
commons-io-2.4.jar

 

在Controller當中的使用方法（我的文件名是IndexController.java）

 @RequestMapping(value = "upload",method = RequestMethod.POST)
    public String upload(Model model,
     @RequestParam("file") MultipartFile file
    , HttpServletRequest request){
        //第一種返回頁面的方法
        //model.addAttribute("img",PhotoUtil.saveFile(file,request));
       //第二種返回頁面的方法
        request.setAttribute("img",PhotoUtil.saveFile(file,request));
        return "test";
    }

然后就是html當中的用法（我的文件名是test.jsp）

<!--上傳圖片、文件的代碼-->
<form action="${pageContext.request.contextPath}/uploads" method="post" enctype="multipart/form-data" >
    <input type="file" name="file">
    <input type="submit">
</form>
<!--接收-->
<img src="${pageContext.request.contextPath}/${img}"/>

好了趕快去測試一下行不行