Q&A
皆様いつもお世話になっております。
ユーザの登録画面を作ろうとしています。画像ファイルが選択されていれば、次のアクションに移行するようにしたいのですが、画像ファイルが選択されているかどうかの判定を試行錯誤したのですが自分では出来ませんでした。
php
102_FileSet.php 2 3 4<?php 5if(isset($_POST['register'])){ 6 if (isset($_FILES['img'])){ 7 echo "Succeed"; 8 }else{ 9 echo "failed"; 10 } 11} 12 13?> 14 15<!doctype html> 16<html lang="ja"> 17<head> 18 <meta charset="UTF-8"> 19 <meta name="viewport" 20 content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> 21 <meta http-equiv="X-UA-Compatible" content="ie=edge"> 22 <link rel="stylesheet" type="text/css" href="./css/bootstrap.css"> 23 <link rel="stylesheet" type="text/css" href="./css/bootstrap-grid.css"> 24 <link rel="stylesheet" type="text/css" href="./css/bootstrap-reboot.css"> 25 <title>02_FileSet</title> 26</head> 27<body> 28<form action="02_FileSet.php" method="post"> 29<div class="input-group"> 30 <label class="input-group-btn"> 31 <span class="btn btn-primary"> 32 画像を選択してください<input type="file" name="img" style="display:none"> 33 </span> 34 </label> 35 <input type="text" class="form-control adjust_file_name" readonly=""> 36</div><br> 37<input type="submit" value="新規登録" name="register" class="btn btn-primary"><br><br><br> 38</form> 39<script type="text/javascript" src="./js/jquery-3.3.1.min.js"></script> 40<script> 41 $(document).on('change', ':file', function() { 42 var input = $(this), 43 numFiles = input.get(0).files ? input.get(0).files.length : 1, 44 label = input.val().replace(/\/g, '/').replace(/.*//, ''); 45 input.parent().parent().next(':text').val(label); 46 }); 47</script> 48</body> 49</html>
どうしたら、ちゃんと画像ファイルが選択されているかどうかの判定をすることができるのでしょうか？
アドバイスとご教授のほどよろしくお願いします。
回答3件
0
ベストアンサー
どうしたら、ちゃんと画像ファイルが選択されているかどうかの判定をすることができるのでしょうか？
HTML5 の File API を利用して可能だと思います
input type="file" 要素では、ユーザーがファイルを選択したタイミングで change イベントが発生するので、それにリスナーをアタッチして File オブジェクトを取得できます。
Web アプリケーションからファイルを扱う
https://developer.mozilla.org/ja/docs/Web/API/File/Using_files_from_web_applications
File オブジェクトが取得できれば、その type プロパティで選択されたファイルの MIME タイプを取得できます。
File
https://developer.mozilla.org/ja/docs/Web/API/File
例えばそれが "image/jpeg" であれば .jpg 画像ファイルであることが判定できるはずです。
投稿2018/06/09 03:38
退会済みユーザー
総合スコア0
0
PHPだけで画像が選択されていない場合、エラーメッセージを表示するということは出来ないでしょうか？
[PHP]ファイルアップロードサンプル（PHP → DB → HTML） が参考になるかもしれません。
file_upload() という関数の部分がその該当箇所です。
投稿2018/06/09 06:49
退会済みユーザー
総合スコア0
0
val()がnullかどうかで判定できますよ。
js
1if($('input[type="file"]').val() == null){ 2 alert("未選択"); 3}else{ 4 alert("選択"); 5}
ということでnullを入れると解除にもなります。
js
1$('input[type="file"]').val(null);
投稿2018/06/09 03:38
総合スコア80850
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/06/09 03:43
2018/06/09 04:18
2018/06/09 04:21
退会済みユーザー
2018/06/09 06:32 編集
退会済みユーザー
2018/06/09 06:32 編集