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!
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.
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.
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.
Blob stands for Binary Large Object - It's basically an array of binary values. I talk about them some here - ruclips.net/video/ScZZoHj7mqY/видео.html Here I talk about TypedArrays - ruclips.net/video/UYkJaW3pmj0/видео.html No special software needed. JavaScript can work with them.
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!
Your channel is a hidden gem. Why you have only so many subscribers is beyond me
Just waiting for you to tell your closest 100k friends. 😀
you are best programmer in earth , may allah save you
Steve your channel is a gem!
Really interesting idea of series. Can't wait to see more. Thank you Steve!
Thank you, Steve. It is very much appreciated.
Thank you, Instructive tutorial, well polished, can't wait for the next
Welcome back to this list
Thanks:)
You've gotta be from heaven...Seriously Thank You
Excelent Video!!! Thank u so much!
Thanks for the tips - I'll make those changes
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...
Even setting type="button" on a button will trigger a submit in some browsers if it is the only button.
Thanks a lot.
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.
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?
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.
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.
is there an introduction to Blob, what software do you need and all?
Blob stands for Binary Large Object - It's basically an array of binary values.
I talk about them some here - ruclips.net/video/ScZZoHj7mqY/видео.html
Here I talk about TypedArrays - ruclips.net/video/UYkJaW3pmj0/видео.html
No special software needed. JavaScript can work with them.
Hello, prof Steve, and welcome back) Do you still accept requests on topics to cover?)
I do. Please post them here - ruclips.net/video/LCezax2uN3c/видео.html
@@SteveGriffith-Prof3ssorSt3v3 Dear Steve, hello, and thank you for your response. I submitted the request.
Why not just use `visibility: hidden` in `.hidden` class? 13:19
He mentions that that becomes an accessibility issue, in that the element won't be picked up by screen readers.
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
ruclips.net/video/ubHIayJKhac/видео.html