質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

87.61%

【悲報】複数ファイルアップロードがうまくいかない

解決済

回答 2

投稿

  • 評価
  • クリップ 0
  • VIEW 11K+

score 60

【問題】
単体ファイルアップロードは成功しましたが、複数ファイルアップロードで、フォーム送信がうまくいきません。

【詳しく…】
htmlのformタグの属性としてenctype="multipart/form-data"を適用し、かつinput属性のところにmultiple属性を適用しました。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>ファイルアップロードサンプル</title>
    </head>

    <body onload="updateSize();">
        <form name="uploadingForm" enctype="multipart/form-data" action="/" method="POST">
            <p>
                <input id="fileInput" type="file" name="uploadingFiles" onchange="updateSize();" multiple>
                ファイル選択: <span id="fileNum">0</span>;
                ファイルサイズ: <span id="fileSize">0</span>
            </p>
            <p>
                <input type="submit" value="ファイルアップロード">
            </p>
        </form>
        <div>
            <div>ファイルアップロード:</div>
            <#list files as file>
            <div>
            ${file.getName()}
            </div>
            </#list>
        </div>
        <script>
            function updateSize() {
                var nBytes = 0,
                        oFiles = document.getElementById("fileInput").files,
                        nFiles = oFiles.length;
                for (var nFileId = 0; nFileId < nFiles; nFileId++) {
                    nBytes += oFiles[nFileId].size;
                }

                var sOutput = nBytes + " bytes";
                for (var aMultiples = ["KiB", "MiB", "GiB", "TiB", "PiB", "EiB", "ZiB", "YiB"], nMultiple = 0, nApprox = nBytes / 1024; nApprox > 1; nApprox /= 1024, nMultiple++) {
                    sOutput = nApprox.toFixed(3) + " " + aMultiples[nMultiple] + " (" + nBytes + " bytes)";
                }
                document.getElementById("fileNum").innerHTML = nFiles;
                document.getElementById("fileSize").innerHTML = sOutput;
            }
        </script>
    </body>
</html>


コントローラクラス

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

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

@Controller
public class UploadingController {
    public static final String uploadingdir = System.getProperty("user.dir") + "/uploadingdir/";

    @RequestMapping("/")
    public String uploading(Model model) {
        File file = new File(uploadingdir);
        model.addAttribute("files", file.listFiles());
        return "uploading";
    }

    @RequestMapping(value = "/", method = RequestMethod.POST)
    public String uploadingPost(@RequestParam("uploadingFiles") MultipartFile[] uploadingFiles) throws IOException {
        for(MultipartFile uploadedFile : uploadingFiles) {
            File file = new File(uploadingdir + uploadedFile.getOriginalFilename());
            uploadedFile.transferTo(file);
        }

        return "redirect:/";
    }
}


確認用のためjavascriptでファイルサイズとファイル数があがっているのかの確認ソースを追加しました。ファイル選択ボタンを押下し、エクスプローラでファイルを選択します。もうもう一度エクスプローラを開いてファイルを選択し、ファイル数が二個になっていることを確認した上で、ファイルアップロードボタンを押した。確認すると一個しかファイルがアップロードされていなかった。ファイル数をラベルで確認しても二個アップロードしたはずが、一つしかファイルがアップロードされていなかった。何が原因が全く分からず、なぜこのような現象が起きているのかわかる方教えてください。宜しくお願い致します。

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

質問への追記・修正、ベストアンサー選択の依頼

  • mpyw

    2016/10/06 15:33 編集

    言ってる意味が全くわからないのであればこういうところに行ったほうが良さそう → http://tamae.2ch.net/php

    (正直いちいちこんなことに反応してる方が時間のムダですが,ご覧の通り気にする人も一定数いるということは知っておくべきです)

    キャンセル

  • isacRu

    2016/10/06 15:38 編集

    あー、なるほどそいうことか!…でも悪いことやないやん。不快になるって話でもないし、シモネタじゃないんだから

    キャンセル

  • 退会済みユーザー

    2016/10/06 18:31

    こちらの質問が他のユーザから広告だという指摘を受けました
    個人のサービスやプロダクトなどの広告を目的とした投稿は、質問ではないため禁止しています。
    投稿した意図に反し広告と受け取られている場合は、「質問を編集する」ボタンから編集を行い、質問内容と解決したいことを明確に記述しなおしてください。

回答 2

checkベストアンサー

0

ファイルアップロードはリクエストパラメータからでは正しく取得できません。

以下、実装例:

@PostMapping("/upload")
public String upload(@ModelAttribute("files") FileUploadForm files,Map<String,Object> model) {
  List<String> filenameList = new ArrayList<>();
  files.getFiles().stream().forEachOrdered(file -> {
    String fileName = file.getOriginalFilename();
    filenameList.add(fileName);
  });
  model.put("filenameList", filenameList);

  return "upload";
}
import org.springframework.web.multipart.MultipartFile;

import java.util.List;

public class FileUploadForm {
  List<MultipartFile> files;

  public List<MultipartFile> getFiles() {
    return files;
  }

  public void setFiles(List<MultipartFile> files) {
    this.files = files;
  }
}

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

0

なにも気にせずにmultipleでデータを複数渡せば名前の競合が起きるからでは?

「java ファイルアップロード multiple」あたりでぐぐってみてください

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 87.61%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る