ปัญหาการเช็คค่าว่างของ textbox ชนิดไฟล์ โดย javascript

<script type="text/javascript">
function upload()
{
	if(document.getElementById('realFile').value=='')
	{
		alert('เลือกรูปภาพที่ต้องการอัพโหลดด้วย');
		document.getElementById('realFile').focus();
		return false;
	}
}
</script>
<center>
</center>
<form id="form1" name="form1" method="post" action="uploadpicture.php" onsubmit="return upload();" enctype="multipart/form-data">
<div class="ex" style="width:526px">
<center><table width="526" border="0" cellpadding="0" cellspacing="0">
  <!--DWLayoutTable-->
  <tr>
    <td width="526" height="40" align="center" valign="middle" class="font9">อัพโหลดรูปภาพ</td>
  </tr>
  <tr>
    <td height="55" align="center" valign="middle"><input name="realFile" type="file" class="button2" id="realFile" /></td>
  </tr>
  
  <tr>
    <td height="46" align="center" valign="middle">
      <input name="button" type="submit" class="button1" id="button" value="Upload Now"></td>
  </tr>
  <tr>
    <td height="31">&nbsp;</td>
  </tr>
  <tr>
    <td height="33" align="center" valign="middle" bgcolor="#DDDDDD" class="font7">รายการรูปภาพอัพโหลด</td>
  </tr>
  <tr>
    <td height="106" valign="top" bgcolor="#EEEEEE"><!--DWLayoutEmptyCell-->&nbsp;</td>
  </tr>
</table></center>
</div>
</form>