遺漏的類型錯誤：無法讀取空的特性 '價值' - 在Chrome

Question

錯誤HTML部分是：

<html:file property="claimUploadFile" id="claimUploadFile" size="50" /> 

JavaScript部分是：

if(document.getElementById("claimUploadFile").value == ""){ 
      var messagePrompt = 'Some message'; 
      alert(messagePrompt); 
      return; 
     } 

上面的代碼在IE工作正常，但在Chrome中發生錯誤「Uncaught TypeError：無法讀取null值的屬性」。

Answer 1

我認爲HTML：文件是錯誤的，也是不存在的功能在你的代碼，所以你不能用return語句

<form name="fileUpload"> 
     <input type="file" name="claimUploadFile" value="claimUploadFile" id="claimUploadFile"> 
    </form> 

的js部分

var file = document.forms['fileUpload']['claimUploadFile'].files[0]; 
    //file.name == "somepic.png" 
    //file.type == "image/png" 
    //file.size == 254845 

    if(file == undefined){ 
     var messagePrompt = 'Some message'; 
     alert(messagePrompt); 
    } 

或者

document.getElementById('claimUploadFile').files[0] // Does the same work 

查看演示：https://jsbin.com/rodano/4/edit?html,js,console,output