CODEWITHSUNDEEP
javascript
Suren
Suren

Reputation: 1

Uncaught TypeError: Cannot read property 'value' of null - error in Chrome

The html part is :

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

The Javascript part is :

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

The above code works fine in IE but is giving error "Uncaught TypeError: Cannot read property 'value' of null" in Chrome.

Upvotes: 0

Views: 2187

Answers (1)

KrishCdbry
KrishCdbry

Reputation: 1059

I think html:file is wrong and also there is no function in your code so you can't use return statement

    <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);
    }

Or 

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

Check the demo : https://jsbin.com/rodano/4/edit?html,js,console,output

Upvotes: 1

Related Questions