如何確定用戶是否選擇文件進行實時文件上傳？

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