未捕获的TypeError:无法读取null的属性“value” - Chrome中的错误

时间:2016-09-14 08:43:09

标签: javascript

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的属性值”。

1 个答案:

答案 0 :(得分:1)

我认为html:file是错的,你的代码中也没有函数所以你不能使用return语句

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

Js part

   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