Reading inside value of file object javascript

Question

I have a Js file object like below in the image. What I need to do is read the name of the file. This file comes from dropzone( uploading task). Is anyone can help me.

I tried it in the following ways in the code.

onDrop = (acceptedFile) => {
        
        console.log("check file", acceptedFile);  // this is the object in above image

        
}

Is anyone can help me ? This is a react application.

Edit: this was caused a debugging issue with the cache. SInce I closed the question. this is working as expected. console.log(acceptedFile[0].name);

it's actually undefined and let me re-check will let you know — chashikajw
– chashikajw, Commented Jan 19, 2021 at 6:03
what does console.log(JSON.stringify(acceptedFile)) give you? — D. Seah
– D. Seah, Commented Jan 19, 2021 at 6:04
it was worked. Console.log(acceptedFile[0].name); this is working. previously I have debugged with cached and it doesn't get reflected. my bad thank you very much for all. — chashikajw
– chashikajw, Commented Jan 19, 2021 at 6:51
Does this answer your question? How can I access and process nested objects, arrays or JSON? — Emile Bergeron
– Emile Bergeron, Commented Jan 19, 2021 at 15:39

Fady Bark · Accepted Answer · 2021-01-19 05:47:19Z

1

Have you tried console.log(accpetedFile[0]['name']);

answered Jan 19, 2021 at 5:47

Fady Bark

1052 silver badges7 bronze badges

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

5 Comments

Fady Bark Over a year ago

Thanks, didn't read the accpetedFile[0].name in the original post, which is rather weird since I recreated the object and it worked fine, can you please comment tell OP to show us the cropped error messages in a comment, I cannot comment yet.

chashikajw Over a year ago

this gives me exception in console

CreateEditForm.jsx:178 Uncaught (in promise) TypeError: Cannot read property '0' of undefined     at Xi.onDrop (CreateEditForm.jsx:178)     at onDrop (CreateEditForm.jsx:760)     at index.js:643

Fady Bark Over a year ago

This is may sound stupid and it probably is considering that we are blind debugging here but does console.log(accpetedFile.File); give anything

chashikajw Over a year ago

it was worked. previously I have debugged with cached and it doesn't get reflected. my bad thank you very much for all. I edited the question with that

chashikajw Over a year ago

this is working correctly. acceptedFile[0].name

Collectives™ on Stack Overflow

Reading inside value of file object javascript

1 Answer 1

5 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related