HTML5 File and FileList Objects

[@farrellkatz2633]

Thank you Steve. I had no idea that there was a list object derived from the html input type file. I learn new things from each of your videos. I also had no idea about console.group() or that putting an object inside of curly brackets in console.log() is similar to console.dir(). Thank you so much for sharing your vast knowledge and skills!

[@abhimn7856]

Your channel is a hidden gem. Why you have only so many subscribers is beyond me

[@SteveGriffith-Prof3ssorSt3v3]

Just waiting for you to tell your closest 100k friends. 😀

[@kosnowman]

Steve your channel is a gem!

[@yousoumar]

Really interesting idea of series. Can't wait to see more. Thank you Steve!

[@alnajafyprogrammer3460]

you are best programmer in earth , may allah save you

[@Colstonewall]

Thank you, Steve. It is very much appreciated.

[@midoone188]

Welcome back to this list Thanks:)

[@farouktouil5036]

Thank you, Instructive tutorial, well polished, can't wait for the next

[@oghenekarouzezi4504]

You don't have to call preventDefault method, you can pass a type attribute to the button element of button, thus it won't trigger a submit...

[@SteveGriffith-Prof3ssorSt3v3]

Even setting type="button" on a button will trigger a submit in some browsers if it is the only button.

[@creumakuzola4227]

Excelent Video!!! Thank u so much!

[@eric55099]

You've gotta be from heaven...Seriously Thank You

[@RalphGoddard-tt1xq]

Thanks for the tips - I'll make those changes

[@RalphGoddard-tt1xq]

I learned I can accept input type(s) in HTML - this is great. I am curious though, I have been using 'hidden' for the HTML line - input type="file"...hidden. My custom image select button works just fine.

[@SteveGriffith-Prof3ssorSt3v3]

hidden is one of the types, like file, text, search, url, etc. So, do you mean that you are using CSS to hide your file input?

[@HugePhils]

is there an introduction to Blob, what software do you need and all?

[@SteveGriffith-Prof3ssorSt3v3]

Blob stands for Binary Large Object - It's basically an array of binary values. I talk about them some here - kzbin.info/www/bejne/iZS9i6J-n5ygp7s Here I talk about TypedArrays - kzbin.info/www/bejne/i4rOe5SNaNWgoJI No special software needed. JavaScript can work with them.

[@harimkim6803]

Why not just use `visibility: hidden` in `.hidden` class? 13:19

[@erectlocution]

He mentions that that becomes an accessibility issue, in that the element won't be picked up by screen readers.

[@abcq1]

Hello, prof Steve, and welcome back) Do you still accept requests on topics to cover?)

[@SteveGriffith-Prof3ssorSt3v3]

I do. Please post them here - kzbin.info/www/bejne/gnTIq5SuZ9qBacU

[@abcq1]

@@SteveGriffith-Prof3ssorSt3v3 Dear Steve, hello, and thank you for your response. I submitted the request.

[@RalphGoddard-tt1xq]

I use the following html template to displays a button that opens a file selection window - hiding the default. I have also used this same text as a `template literal` in JavaScript Edge Dev Tools flags html 'hidden' as below - CSS input[Attributes Style] { display: none; } I have run this code in Edge and Chrome - it is my private CRUD program.

[@SteveGriffith-Prof3ssorSt3v3]

Ok. That works. You should avoid using onclick in your HTML though. Do all the event handling in the JS file. And the hidden is better if done through the CSS. You need to keep in mind the accessibility of your interface and how screen readers will handle it.

[@dodokwak]

Thanks a lot.

[@olawumisegun5898]

I have been trying to upload dynamic image and input field to a backend api, anybody with a solution Below is how i want the form fields to look like: I want to upload an array of object with name and image of two authors of a book

[@SteveGriffith-Prof3ssorSt3v3]

kzbin.info/www/bejne/q5OrepSvf7Cbl8U