プログラミング
 Computer >> コンピューター >  >> プログラミング >> プログラミング

JSPファイルアップロードの実装ガイド：アップロードファイルの保存場所と設定方法

JSPはHTMLフォームタグと組み合わせることで、ユーザーがサーバーへファイルをアップロードできる仕組みを簡単に構築できます。アップロード対象となるファイルは、テキストファイルやバイナリファイル、画像ファイルなど、あらゆる種類のドキュメントが可能です。

ファイルアップロードフォームの作成

まず、ファイルアップロード用のフォームを作成する方法を見ていきましょう。以下のHTMLコードは、アップローダーフォームを生成します。作成時には次の重要なポイントに注意してください。

  • フォームのmethod属性はPOSTメソッドに設定する必要があります。GETメソッドは使用できません。

  • フォームのenctype属性はmultipart/form-dataに設定してください。

  • フォームのaction属性には、サーバーのバックエンドでファイルアップロードを処理するJSPファイルを指定します。以下の例ではuploadFile.jspを使用してファイルをアップロードします。

  • 単一のファイルをアップロードする場合は、type="file"属性を持つ<input .../>タグを1つ使用します。複数のファイルアップロードを許可したい場合は、name属性に異なる値を持つinputタグを複数配置します。ブラウザはそれぞれのタグに「参照」ボタンを自動的に関連付けます。

サンプルコード

<html>
   <head>
      <title>File Uploading Form</title>
   </head>
   <body>
      <h3>File Upload:</h3>
      Select a file to upload: <br />
      <form action = "UploadServlet" method = "post" enctype = "multipart/form-data">
         <input type = "file" name = "file" size = "50" />
         <br />
         <input type = "submit" value = "Upload File" />
      </form>
   </body>
</html>

このコードをブラウザで表示すると、以下のような結果になります。ローカルPCからファイルを選択し、「Upload File」ボタンをクリックすると、選択されたファイルとともにフォームが送信されます。

表示結果

File Upload
Select a file to upload

注意： 上記のフォームはあくまでダミーであり、そのままでは動作しません。実際に動かすには、ご自身の環境で上記のコードを試してみてください。

バックエンドJSPスクリプトの作成

次に、アップロードされたファイルの保存先を定義しましょう。このパスはプログラム内に直接記述（ハードコード）することもできますし、以下のようにweb.xmlのcontext-param要素を使った外部設定として管理することもできます。

<web-app>
   ....
   <context-param>
      <description>Location to store uploaded file</description>
      <param-name>file-upload</param-name>
      <param-value>
         c:\apache-tomcat-5.5.29\webapps\data\
      </param-value>
   </context-param>
   ....
</web-app>

以下はUploadFile.jspのソースコードです。このスクリプトは、複数のファイルを同時に処理できます。ファイルアップロードの実装を進める前に、以下の点を確認しておきましょう。

  • 以下の例はFileUploadライブラリに依存しています。クラスパスに最新版のcommons-fileupload.x.x.jarファイルが含まれていることを確認してください。https://commons.apache.org/fileupload/ からダウンロードできます。

  • FileUploadはCommons IOにも依存しています。クラスパスに最新版のcommons-io-x.x.jarファイルが含まれていることを確認してください。https://commons.apache.org/io/ からダウンロードできます。

  • 以下の例をテストする際は、maxFileSizeよりも小さいサイズのファイルをアップロードしてください。上限を超えるファイルはアップロードされません。

  • 事前にc:\tempディレクトリとc:\apache-tomcat5.5.29\webapps\dataディレクトリを作成しておいてください。

<%@ page import = "java.io.*,java.util.*, javax.servlet.*" %>
<%@ page import = "javax.servlet.http.*" %>
<%@ page import = "org.apache.commons.fileupload.*" %>
<%@ page import = "org.apache.commons.fileupload.disk.*" %>
<%@ page import = "org.apache.commons.fileupload.servlet.*" %>
<%@ page import = "org.apache.commons.io.output.*" %>

<%
   File file ;
   int maxFileSize = 5000 * 1024;
   int maxMemSize = 5000 * 1024;
   ServletContext context = pageContext.getServletContext();
   String filePath = context.getInitParameter("file-upload");

   // Verify the content type
   String contentType = request.getContentType();

   if ((contentType.indexOf("multipart/form-data") >= 0)) {
      DiskFileItemFactory factory = new DiskFileItemFactory();
      // maximum size that will be stored in memory
      factory.setSizeThreshold(maxMemSize);

      // Location to save data that is larger than maxMemSize.
      factory.setRepository(new File("c:\\temp"));

      // Create a new file upload handler
      ServletFileUpload upload = new ServletFileUpload(factory);

      // maximum file size to be uploaded.
      upload.setSizeMax( maxFileSize );

      try {
         // Parse the request to get file items.
         List fileItems = upload.parseRequest(request);

         // Process the uploaded file items
         Iterator i = fileItems.iterator();

         out.println("<html>");
         out.println("<head>");
         out.println("<title>JSP File upload</title>");
         out.println("</head>");
         out.println("<body>");

         while ( i.hasNext () ) {
            FileItem fi = (FileItem)i.next();
            if ( !fi.isFormField () ) {
               // Get the uploaded file parameters
               String fieldName = fi.getFieldName();
               String fileName = fi.getName();
               boolean isInMemory = fi.isInMemory();
               long sizeInBytes = fi.getSize();

               // Write the file
               if( fileName.lastIndexOf("\\") >= 0 ) {
                  file = new File( filePath +
                  fileName.substring( fileName.lastIndexOf("\\"))) ;
               } else {
                  file = new File( filePath +
                  fileName.substring(fileName.lastIndexOf("\\")+1)) ;
               }
               fi.write( file ) ;
               out.println("Uploaded Filename: " + filePath +
               fileName + "<br>");
            }
         }
         out.println("</body>");
         out.println("</html>");
      } catch(Exception ex) {
         System.out.println(ex);
      }
   } else {
      out.println("<html>");
      out.println("<head>");
      out.println("<title>Servlet upload</title>");
      out.println("</head>");
      out.println("<body>");
      out.println("<p>No file uploaded</p>");
      out.println("</body>");
      out.println("</html>");
   }
%>

それでは、上記で作成したHTMLフォームから実際にファイルをアップロードしてみましょう。https://localhost:8080/UploadFile.htm にアクセスすると、以下のような画面が表示されます。これにより、ローカルマシンから任意のファイルをアップロードできます。

File Upload
Select a file to upload

JSPスクリプトが正常に動作していれば、アップロードされたファイルは c:\apache-tomcat5.5.29\webapps\data\ ディレクトリに保存されているはずです。

  1. Windows 10で大容量ファイルを簡単に見つける方法｜ストレージ不足を解消する3つの手法

    「ストレージの空き領域が不足しています」という警告が表示され、空き容量を確保するのに苦労していませんか？そのようなときに最も効果的なのが、Windows 10の中にある大容量ファイルを特定することです。どのファイルが不要なのかを正確に把握できれば、それらを削除してストレージ容量を回復できます。 では、PC上の大きなファイルはどうやって探せばよいのでしょうか？ 実は、Windows 10で大容量ファイルを見つける方法はいくつかあります。標準搭載のツールを使う方法と、「Disk Analyzer Pro」のようなサードパーティ製アプリを使う方法です。Disk Analyzer Proなら、あっとい

  2. 重複ファイルフィクサー vs 重複ファイルファインダー徹底比較|どちらが優れているのか?

    重複ファイルは大きな問題です。ストレージ容量を圧迫するだけでなく、システムのパフォーマンスを不必要に低下させるからです。しかし、この問題に対処できる標準搭載のツールは存在せず、手動で重複ファイルを探して削除するのは非常に面倒な作業になります。 そのため、重複ファイルの検出と削除にはサードパーティ製ツールが必要です。この記事では、最も人気のある2つの重複ファイル検索ツール「SystweakのDuplicate Files Fixer」と「AuslogicsのDuplicate File Finder」を徹底的に比較し、どちらを選ぶべきか判断するための情報をお届けします。どちらも優れたツールですが