画像アップロード(2)クライアント側で簡易バリデーション、複数ファイル対応 - k-holyのPHPとか諸々メモ

前回の記事 画像アップロード(1)Canvasでプレビューして普通に画像をアップロード の続きです。 画像アップロード(1)Canvasでプレビューして普通に画像をアップロード 画像アップロード(2)クライアント側で簡易バリデーション、複数ファイル対応 画像アップロード(3)ドラッグ＆ドロップ対応（IE除く） 今回は純正のファイル入力欄を隠してダミーのテキスト入力欄とボタンを配置することでスタイルシートによる見た目の変更に対応するとともに、クライアント側で簡易バリデーション（ファイルサイズ、横幅、高さのチェック）を行います。 コンテントタイプについてはクライアント側ではバリデーションを行わず、input要素にaccept属性を設定して、ファイルダイアログの表示対象を絞り込むようにします。 また、ファイルの入力欄を複数設けることで、複数のファイル送信に対応してみます。 動作確認した環境は以下