jqueryを使って `<input type="file">` に入れられた画像データをリアルタイムでサンプル表示する - Qiita//fileを変更したら $('#image').on('change', function() { //fileの値は空ではなくなるはず if ($('#image').val() !== '') { //propを使って、file[0]にアクセスする var image_ = $('#image').prop('files')[0]; //添付されたのが本当に画像かどうか、ファイル名と、ファイルタイプを正規表現で検証する if (!/\.(jpg|jpeg|png|gif|JPG|JPEG|PNG|GIF)$/.test(image_.name) || !/(jpg|jpeg|png|gif)$/.test(image_.type)) { alert('JPG、GIF、PNGファイルの画像を添付してください。'); //添付された画像ファイルが１M以下か検証する } else if (
