English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Spring MVCファイルアップロードの例

Spring MVCは、画像や他のファイルなど、ファイルのアップロードを簡単に行う方法を提供しています。Spring MVCを使用したファイルのアップロードの簡単な例を見てみましょう。

必要なjarファイル

このサンプルを実行するには、次をロードする必要があります:

Spring Core jarファイル Spring Web jarファイル commons-fileupload.jarおよびcommons-io.jarファイル

1springのすべてのjarファイルをダウンロードしてください。core、web、aop、mvc、j2ee、リモート処理、oxm、jdbc、ormなど。

2)ダウンロードcommons-)io.jar

3)ダウンロードCommons -)fileupload.jar

)Spring MVCファイルアップロード手順(不含MVC)

1)にcommons-)ioとfileupload.jarファイル

2)にエントリspring-servlet.xmlにCommonsMultipartResolver

<bean id="multipartResolver" 
class="org.springframework.web.multipart.commons.CommonsMultipartResolver"/>

3)フォームを作成してファイルを送信します。メソッド名は"post"で、"multiple"と入力します。/form-data"。

<form action="savefile" method="post" enctype="multipart/form-data">
ファイルを選択してください: <input type="file" name="file"/>
<input type="submit" value="ファイルアップロード"/>
</form>

4)ControllerでCommonsMultipartFileクラスを使用します。

@RequestMapping(value="/savefile",method=RequestMethod.POST)
public ModelAndView upload(@RequestParam CommonsMultipartFile file,HttpSession session){
        String path=session.getServletContext().getRealPath("/);
        String filename=file.getOriginalFilename();
        
        System.out.println(path+" "+filename);
        try{
        byte barr[]=file.getBytes();
        
        BufferedOutputStream bout=new BufferedOutputStream(
                 new FileOutputStream(path+"/"+filename));
        bout.write(barr);
        bout.flush();
        bout.close();
        
        }catch(Exception e){System.out.println(e);}
        return new ModelAndView("upload-success","filename",path+"/"+filename);
    }

5)JSPで画像を表示します。

<h1>アップロード成功</h1>
<img src="${filename}"/>

Spring MVCファイルアップロードの例

画像ディレクトリの作成

プロジェクトに"画像"ディレクトリを作成してください、なぜならすべてのファイルを保存するために書いています。/images"ディレクトリのコード。

index.jsp

<a href="uploadform">Upload Image</a>

Emp.java

package com.w;3codebox;
import java.io.BufferedOutputStream;
import java.io.File;
import java.io.FileOutputStream;
import javax.servlet.ServletContext;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;
import org.apache.commons.fileupload.disk.DiskFileItemFactory;
import org.apache.commons.fileupload.servlet.ServletFileUpload;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.ModelAttribute;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.multipart.commons.CommonsMultipartFile;
import org.springframework.web.servlet.ModelAndView;
@Controller
public class HelloController {
    private static final String UPLOAD_DIRECTORY ="/images";
    
    @RequestMapping("uploadform")
    public ModelAndView uploadForm(){
        return new ModelAndView("uploadform"); 
    }
    
    @RequestMapping(value="savefile",method=RequestMethod.POST)
    public ModelAndView saveimage( @RequestParam CommonsMultipartFile file,
           HttpSession session) throws Exception{
    ServletContext context = session.getServletContext();
    String path = context.getRealPath("UPLOAD_DIRECTORY");
    String filename = file.getOriginalFilename();
    System.out.println(path+" "+filename);       
    byte[] bytes = file.getBytes();
    BufferedOutputStream stream =new BufferedOutputStream(new FileOutputStream(
         new File(path + File.separator + filename)));
    stream.write(bytes);
    stream.flush();
    stream.close();
         
    return new ModelAndView("uploadform","filesuccess","File successfully saved!");
    }
}

web.xml

<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.5" 
    xmlns="http://java.sun.com/xml/ns/javaee" 
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
    xsi:schemaLocation="http://java.sun.com/xml/ns/javaee 
    http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">
 <servlet>
    <servlet-name>spring</servlet-name>
    <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
    <load-on-startup>1</load-on-startup>
</servlet>
<servlet-mapping>
    <servlet-name>spring</servlet-name>
    <url-pattern>/</url-pattern>
</servlet-mapping>
</web-app>

spring-servlet.xml

ここでは、CommonsMultipartResolver に bean を作成する必要があります。

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"  
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"  
    xmlns:p="http://www.springframework.org/schema/p"  
    xmlns:context="http://www.springframework.org/schema/context"  
    xsi:schemaLocation="http://www.springframework.org/schema/beans  
http://www.springframework.org/schema/beans/spring-beans-3.0.xsd  
http://www.springframework.org/schema/context  
http://www.springframework.org/schema/context/spring-context-3.0.xsd">  
<context:component-scan base-package="com.w3codebox"></context:component-scan>
<bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
<property name="prefix" value="/WEB-INF/jsp/></property>
<property name="suffix" value=".jsp"></property>
</bean>
<bean id="multipartResolver" 
class="org.springframework.web.multipart.commons.CommonsMultipartResolver"/>
</beans>

uploadform.jsp

このフォームは method = "post" と enctype = "multipart" でなければなりません。/form-data"。

<%@taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
 
<!DOCTYPE html>
<html>
 <head>
 <title>画像ファイルアップロード</title>
 </head>
 <body>
<h1>ファイルアップロード例 - w3codebox</h1>
<h3 style="color:red">${filesuccess}</h3>
<form:form method="post" action="savefile" enctype="multipart/form-data">
<p><label for="image">画像を選択</label></p>
<p><input name="file" id="fileToUpload" type="file" /></p>
<p><input type="submit" value="アップロード"></p>
</form:form>
</body>
</html>

出力

アップロードされたファイルを確認するために、サーバーのコントロールパネル上に表示されるパスに移動してください。