Q&A
「画像保存は一括ではなく１枚完了ごとに次の１枚保存」と「非同期でアップロード」は矛盾しています。 画像をアップロードするということは、画像が元々クライアント側にある事になります。なぜ、それをそのまま表示できないのですか？
###前提・実現したいこと
teratailを始めて使います。
JSPのページ上で画像を複数選択（予想としては5MB未満の画像が60枚未満）して
選択された画像をサーバーに保存したいです。
input type="file" multipleで複数画像を選択します
画像を選択し終えたタイミングで、複数の画像を画面遷移せずに一時的なファイルへ非同期でアップロードし、アップロードした画像を表示したいです。
その後、入力内容を保存ボタンで保存を確定して、選択した画像をサーバーに保存にし、保存先のファイルパスをDBに保存したいです。
・画像選択は一括で
・選択した画像を表示
・サーバーに画像保存は、一括ではなく１枚完了ごとに次の１枚保存
そんなプログラムを作りたいです。
input type="file" multiple以外にも画像の一括選択が出来そる方法があったら教えてほしいです
これ以上は何を書けばいいのか分からないので、答えるために足りない部分があったら教えてほしいです
###補足情報(言語/FW/ツール等のバージョンなど)
JSP
JAVA
MySQL
Eclipse
IE10以上
Chrome
すいません、クライアント側にある画像を、一時的にアップロードして表示させたあと、確定ボタンなどでアップロードした画像をサーバーに保存したいのです。この場合もサーバーに保存とアップロードも同じ意味になるのでしょうか？多分変な文章になってたので、サーバーに保存を付け足してみます
クライアント・サーバシステムでは、データをサーバからクライアントに転送することをダウンロード、逆にサーバに転送することをアップロードと言います。「一時的にアップロードして」というのは、何をすることなのですか？具体的に教えてください。
すいません、よく理解せずに自分の言葉を使ってしまいました。一時的にアップロードの考えとしては、選択された画像をサーバーの一時的に保存するフォルダへ保存、そして表示がしたいです。
回答3件
0
サーバ側とクライアント側の技術要素をもう少し具体化すると良いかも知れません。
例えば画面はJSPですが、一括でファイルアップロードしたあと非同期で（おそらくAjaxを使ったアップロード処理）サーバ側へアップロードする仕組みですので、JavaScriptのライブラリ(使い古されたものではjQueryがありますね)を使うなどをし、アップロードした結果をダイアログか何かでレスポンスを受ける仕組みは必要でしょう。
また、サーバ側の実装として、アップロードされたものをサーバへ一時保管するための仕組みは必要ですので、例えば何らかのフレームワーク(SpringMVCやStruts2など)を用いるか、サーブレットの3.0以降を使うなど決めてから、必要なライブラリを追加する流れになるでしょう。例えばCommons-fileuploadを使ってアップロードの処理を簡便化する、など。
サーバ側では他にも一時保存→確定の処理も作らないといけませんね。
実装されたコードが特に書かれていませんでしたので、アドバイス程度の回答にとどめておきます。
投稿2017/07/28 07:18
総合スコア12011
なるほど・・・！
アップロード結果や一時保存→確定の仕組みについて、もっと考えることにします。
一応フレームワークはSpringFrameworkを使いサーブレットは3.0以降で考えています。
Commons-fileuploadについてはこれから調べておきます。ありがとうございます。
ちなみに、まだコード書き始めていないのですが、もしかしてteratailはコードを書いた上で、分からないバグが出たときに使うべきだったのでしょうか・・・？
あとカピバラが可愛いですね！自分もカピバラ好きです。
実は投稿前に見てましたが、PHPが分からないので諦めてました・・・JAVAでも同じことができるのでしょうか。
recv_ajax.phpのPHPの流れだと
htmlで設定したname="img1[]"で送られた_FILES?から選択された画像を取得して画像の枚数分ループ
ファイルopen、一枚の画像とサイズと番号（key?）を$src？に入れる？そしてファイルclose
$img[]の中に・・・分からないです（画像とタイプとkeyとtextにするためのbase64変換？）
0
自己解決
今回は自分のteratailを使う方法が間違ってたみたいです、ありがとうございました。
また質問を出したときはよろしくお願いします。
投稿2017/08/07 08:03
総合スコア12
あなたの回答
tips
プレビュー
