ユーザーがファイルをアップロードするファイルをリアルタイムで選択したかどうかを確認するにはどうすればよいですか？ファイルは、この入力を選択した場合

Question

と仮定、私はリアルタイムで入力

<input id="uploadFile" type="file" /> 

を持って、私は出力にアラートを必要としています。ファイルが選択されておらず、ユーザーがファイルマネージャウィンドウを単に消した場合、私はアラートを出力する必要はありません。

どうすればいいですか？

Answer 1

changeイベントを使用してこれを行うことができます。その場合、ファイル入力のvalueを確認することができます。それが空であれば、ファイルは選択されませんでした。

$('#uploadFile').change(function() { 
    if (this.value) { 
     alert('you chose a file!'); 
    } 
}) 

Working example

Answer 2

var x = document.createElement("INPUT"); 
x.setAttribute("type", "file"); 
x.setAttribute("id", "uploadFile"); 
x.onchange = function() { 
    alert("File Selected"); 
} 
document.body.appendChild(x); 
/* 
if(x.value == "") { 
    alert("File is not Selected"); 
} 
*/ 

この例では、あなたを助けるかもしれません。 W3SchoolsはJSにとって最適です。 http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_fileupload_files