質問: jQueryで、複数(三つ)の画像ファイルを選択しリサイズした後、PHPでサーバーにアップロード(指定のディレクトリー"./images/"に保存)したいのですが、 後述のスクリプトでは、最後に選択したファイルだけしか、リサイズ・保存されません。 クロームのデベロッパーツールで確認するとBlobは、複数確認できているので、 アップロード開始ボタン(投稿)をクリックした後の jQuery('#upload').click(function()内で、 ループ配列化して、phpに送ればよいのでは、色々と試してみたのですが、jQuery javascript php等々、プログラム全般について初心者のため、 うまく配列化できません。 配列での送受信あるいは、別の方法での複数画像ファイルのリサイズアップロードのやり方について、ご教授頂けないでしょうか。 なお、複数ファイル選択で、下のように 「multiple」を使っていないのは、サーバー側で値を出力する際、順位を特定したいからです。 よろしくお願いいたします。 HTML+ javascript部分 [index.html] 投稿 Reset PHP部分 [upload.php]
回答: 原則画像のリサイズはサーバー側にやらせた方がいいでしょう (canvasでクオリティが満足ならそれもあるかもしれませんが)