uncaught TypeError cannot read property '0'

Question

I am trying to upload a file using javascript and asp.net mvc 5. But I am getting this error.

uncaught typeError cannot read property '0'

Here is my codes :

$("#btnReciveDocument").click(function (e) {
    e.preventDefault();
    debugger;
    var formdata = new FormData(); //FormData object
    var fileInput = $("#fileInput")

    //uncaught typeerror cannot read property '0'
    formdata.append(fileInput.files[0].name, fileInput.files[0]);

    var xhr = new XMLHttpRequest();
    xhr.open('POST', '/Home/Upload');
    xhr.send(formdata);
    xhr.onreadystatechange = function () {
        if (xhr.readyState == 4 && xhr.status == 200) {
            alert(xhr.responseText);
        }
    }
});

fileInput.files returns undefined. You probably need var fileInput = $("#fileInput")[0] to get the HTML element, because otherwise you're handling a jQuery element. — VLAZ
– VLAZ, Commented Sep 19, 2019 at 8:10
Check what do you have inside fileInput because this means that you have empty array and you are trying to use first element of that array with fileInput.files[0].name — vaske
– vaske, Commented Sep 19, 2019 at 8:17
@vaske an empty array wouldn't throw an error that says there is no property 0, it would have complained about name. Moreover, jQuery objects do not have a files property, this is part of HTMLInputElement interface. You need to extract the HTMLElement from the jQuery wrapper or use the jQuery wrapper interface to get the files content — VLAZ
– VLAZ, Commented Sep 19, 2019 at 8:21
@VLAZ i have tried this method and its working fine thanks.. — SameerUllah
– SameerUllah, Commented Sep 19, 2019 at 8:28

Greedo · Accepted Answer · 2019-09-19 08:30:07Z

1

it is due to the fact that you are trying to access the property files of $("#fileInput"): equivalent to $("#fileInput").files, that has undefined as results.

Without more knowledge of your DOM i cannot provide you a solution.

answered Sep 19, 2019 at 8:30

Greedo

3,5481 gold badge15 silver badges30 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

SameerUllah Over a year ago

Thanks for suggestion i have tried with method '$("#fileInput")[0]' Which is perfect

Collectives™ on Stack Overflow

uncaught TypeError cannot read property '0'

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related