JavaScript FileReader

[@vitaliyd23]

Dude I was looking for a FileReader tutorial. This is above and beyond. Such useful information!!

[@ankushjain358]

An extremely helpful tutorial. You explained much more than what was needed. Thank you.

[@NicoHeinrich]

I watched this a year ago and understood almost nothing. Now it feels like second nature. Thanks for sharing!

[@Eckowz]

you have no idea how it helped me... in resume I was able to run a script without the NODE.JS THANK YOU!

[@tempestseven6552]

Love how this guy is this understandable on any youtube playspeed. Was very useful when i couldnt keep up or wanted to speed familiar parts along.

[@mrchedda]

Really good content. You are a super advanced javascript dev. And thank you for not keeping your face on the screen the entire time! It's so annoying when other folks do that. Such a waste of screen real estate and a huge distraction! Wish you made more content!

[@MrKonovalets]

I thought I'm not gonna like this video, but after I watched I love it!!!

[@shivamsagar6228]

Awesome Man I was stuck in drag and drop part but you give me that solution!!!!!!!!!!!! Great going... Keep It up

[@danivalldosera2523]

Thanks a lot for creating such great tutorials dude!

[@damirmustafin5024]

Sweet! I did not know that you can do such things using pure JS (without use of external libs), especially the drag & drop part.

[@thefreeze6023]

Well anything you can do with libs qre possible with pure js because libs are made from pure js.

[@calebcadainoo]

How do I submit image and text together in one submission/submit as a stream to an API without getting CORS error

[@itzvoko1]

@@calebcadainoo do you know this now? or I say how

[@feldeagle2085]

This was amazing thank you. Worked great for what i needed. People keep saying it wasnt possible because javascipt cant read local files.

[@abdulazizalghafli5240]

Great, thank you. You always choose clever topics that increase our knowledge.

[@Barnardrab]

Thank you! 3 minutes in and I found what I was looking for. I appreciate it.

[@applesthepi718]

thank you so much! I was trying to figure it out for so long!

[@kemal_ozturk]

Everyone here saying how helpful the video was. I am astonished by the sick bicycle moves in the end...

[@RobertWildling]

Wow! That was an awesome trip! And finally I know the difference between a brown bear and a grey bear! ;-)

[@moshoodadedolapoadegbolu611]

You are a JS geek indeed...........A new fan of yours from Nigeria comments

[@ritik84629]

Very nice to see that you used latest techniques.

[@deceps]

Thanks for the videos man. You’ve taught me a lot. Hope everything is well.

[@down__lo7359]

2022 and it's still good! Thanks Kyle

[@thurcandelaria]

O melhor conteúdo sobre este assunto na internet. Parabéns!

[@proXystuS]

thank you so much for this. I can finally upload csv files to my upload router on my server WITHOUT a page refresh!

[@vjzb3]

That was awesome. It just kept getting better and better lol. You’re the man

[@flammea_]

thanks for an amazing tutorial. you should also put links inside descriptions for further reading though

[@kylerobinsonyoung]

Good idea! I added a link to a good MDN article.

[@flammea_]

thank you!

[@haizzengunn9350]

Thank you Sir! for making this video, it helped me alot for my project work:)

[@Momazharansari]

Finally I get it....Thank you so much brother 😊😊🥰🥰

[@jojojawjaw]

Amazing tutorial, thank you so much. Subscribed!

[@kylerobinsonyoung]

Thank you!

[@martin-xq7te]

Great video. Very well explained. Maybe show how the add the csv data to P tags

[@sdmunoz]

Instead of using XHR, you could use the Fetch API, it's a lot easier.

[@kylerobinsonyoung]

Thanks for the tip!

[@RK-gm4pd]

Samuel Munoz it's outdated tip )) check Kyle's channel

[@osta6212]

@@RK-gm4pd any video ?

[@megaxenu753]

brilliant, really helpful. CORS errors been doing my head in.

[@moseleenone7252]

hi can i ask why did you add 'reader.onload....' line in the middle, and not after 'reader.readAsText...' ?

[@ukaszj2906]

Ok, so if i have reader.result from readAsArrayBuffer how to change it into Int8Array, or if choose readAsDataUrl, how to decode it and put into Int8Array?

[@maxk.2076]

Great, you have talent to make things clear! Liked + subcribed.

[@qlf3896]

So when you upload an image , it is basically stored in the browser memory? But how does the browser acces those local files without being sent to the server first?

[@tgt106]

How can I preview a selected file (pdf, excel etc..) in a different browser tab?

[@makalato994]

Great video Thanks men do not stop teaching Blessings

[@shubhampandey1073]

sir when i write reader.readAsDataURL(a.files[0]); it shows me base64 address now how to trace image src from there

[@boyapatiramakrishna2068]

I can also do this, can you read the file without 'choose file' option with javascript code provided by full path of that excel file. I am looking for it in the whole world. do you have the solution?

[@quicksketch1617]

Great tutorial. I have a question how can I use Fetch API in the image example instead XMLHttpRequest?

[@sonoftroy8572]

Kyle Young! i'm learning how to code and I was wondering if you or someone in the comments section can help me work something out... if I create a html form for a user, how does the users data create a new instance of a JavaScript object using Object Oriented Programming... using console.log() will allow you to test sample data on the console, but if a user inputs information into a form... does that data create a new object then send that data to the constructor???? i'm not really sure how that works and i'd like to know what your thoughts are on that thanks

[@luissalvador1348]

Wow, this solved a problem I had when uploading files to my app. You saved my ass, Thanks!!

[@JavaScriptcher]

Super!!!This is the best video, and I understand how it works!!!✊🇷🇺

[@balajisharathkumar9753]

hello kayle please make a video on uploading video file to server as a chunk by chunk and receiving response as a hole at client side using jax-rs,js,jquery receiving json response update front end percentage of sent data using progressbar

[@prinautospares]

Great content. I've been looking for this. Subscribed!

[@KenzoArts]

Hi Kyle, is there a way of restricting the user to choose files from only a dirctory on the server ?

[@novelstudio1651]

const foto_a = document.getElementById("foto_a"); foto_a.addEventListener('change',function(e){ console.log('foto a = '+foto_a.files) alert(foto_a.files) },false); this my code, but result foto a = [object FileList], please help me mr?

[@fuu812]

What an amazing video! Thank you buddy

[@alvinlloydcrosse2333]

Good stuff. Thank you, Kyle!

[@mmurty2828]

sir i need create table while giving rows and column values by using java script. can you help me plz.

[@karenhuang2281]

SUPER USEFUL TUTORIAL!!!! THANKS A LOT!!!!!

[@real.anigan]

is there a way I can preview a large video file without crashing the page?

[@codex8332]

You are definitely a "Pro".

[@germanduterte7110]

Good tutorial first time to know about this.

[@sachinprabhuk6241]

Fantastic tutorial!!..just loved it.

[@webdev4786]

wow, i need a teacher like you. youtube should suggest me people like you man. big up! and SUBSCRIBE.

[@DivjotSingh]

Love your videos and your bear experiments. I wonder what keeps you from using arrow functions?

[@kylerobinsonyoung]

I write a lot of code without using ES next compilers and still target IE >= 11. So my coding habits are currently rooted there until IE usage drops low enough.

[@anapaulalopes12]

How do I convert this file to byte[] ??? using FileReader....

[@techfriendly4139]

Amazing ! mann thankyou you saved me ! keep doing the great stuff

[@simon_s]

what if we want to read a file without waiting for the user to select one. For exemple, i have a text file with names and i wanna select one of the name inside on loading htm page with google chrome... How do I do ?

[@kylerobinsonyoung]

The short answer is you can't for security reasons. The files the browser can read from a user's machine must be initiated by the user. There are ways if you're building an Electron desktop with Chrome or building a Chrome extension and the user has given it permission to access the filesystem though.

[@varshinireddy9665]

This is an amazing video. Please, can you put up a link or another video that specifies how to handle the file to store to the server once it has been sent to another javascript i.e. the server side code?

[@wrushu]

Is there any way to open the file uploaded using in browser

[@chetanajadhav7478]

have u got any solution ?if yes ,plz tell me

[@kwilderful]

Er... that does not look that a trial bike. :D Nice tutorial. Can you do one with embedding videos? I can't quite get that to work.

[@riteshelango6573]

how to I make it read an CSS file

[@FaridAbbasbayli]

Very comprehensive, gray-scaling using the RGB values blew my mind a bit. P.S. Editor and theme name, please?

[@kylerobinsonyoung]

Thanks! I'm using Atom with the Monokai syntax and Seti UI.

[@erfanwinarno434]

How about open pdf file sir?

[@ellanut4588]

How can i write files? Help me pls.

[@pwnweb5734]

Superb !!! where's the sponsor button ?

[@kylerobinsonyoung]

I have a patreon if you would like to support the channel: www.patreon.com/shama Very much appreciated!

[@Yudibilly]

sir, I want to download videos from KZbin using javascript... can you give a trick...(thank you)

[@davidfont2596]

That would violate the KZbin terms of service and his channel would be demonetized.

[@trigger60]

Your still the man, thanks

[@birukephrem4605]

I hope you are a great tutor, but you could have covered more about fileReader and less about other non related stuffs. Thumbs up on the drag n drop

[@siddharth8387]

Thanks for solving my problem. #siddharthmaurya

[@antonaparin]

Can you please use colons in your videos? It's hurting my eyes --> ;

[@BretComnes]

Is it possible to implement custom Blobs?

[@kylerobinsonyoung]

How do you mean? You can put whatever data you want into a Blob with the advantage is many other APIs can handle it and treat it like a file. Or are you asking can you extend a Blob (like File does)?

[@augre-app]

Great lesson like gomorrah

[@michaelronald5728]

Consegui resolver meu problema só com a dica do console.log... Muito obrigado!

[@kmuralikrishna1582]

Hi nice vedio, but please understand here therr are really many vedios for read .txt files and images, but there is no any vedio for read MS word content. I wud like to requesting you kindly do a vedio for read MS word content.

[@geveral348]

Is that vs code?

[@diego_elohim]

You earned completely my like and subcribe

[@mavericksoulmusic]

great tut dude. 👍🏽

[@karpediemxx]

Awesome video, thanks!

[@PabloGaraguso]

Excellent!

[@veli8518]

great video, thank you

[@lawrencelo2429]

This is amazing. I learn what I have to learn!!

[@stevegreig8324]

Very very useful!

[@jonaw.170]

Thanks, helped a lot!

[@zakchips]

Awesome! Thanks.

[@angelorigo]

great tutorial!

[@Henry_Nunez]

😊👍🔔

[@higormuros]

Thank you!

[@vance7557]

great video

[@yogibobo1]

great video mate !

[@boris_js]

This is so awesome

[@iluvsyphonfilter]

Very good!

[@amitgujar6231]

great work

[@francodinapoli6653]

YOU ARE A GOD !!!!!!!!!

[@ManontheBroadcast]

Great !!! ..

[@bigjimtrucker6042]

very awesome

[@이승민-t1o]

Awesome!!

[@novelstudio1651]

good job

Amazing, as usual.

[@kylerobinsonyoung]

Thanks!