HTML5 File and FileList Objects

Поделиться
HTML-код
  • Опубликовано: 9 окт 2024

Комментарии • 29

  • @farrellkatz2633
    @farrellkatz2633 2 года назад +3

    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
    @abhimn7856 Год назад +1

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

  • @kosnowman
    @kosnowman Год назад

    Steve your channel is a gem!

  • @yousoumar
    @yousoumar 2 года назад

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

  • @Colstonewall
    @Colstonewall 2 года назад

    Thank you, Steve. It is very much appreciated.

  • @alnajafyprogrammer3460
    @alnajafyprogrammer3460 9 месяцев назад

    you are best programmer in earth , may allah save you

  • @farouktouil5036
    @farouktouil5036 2 года назад

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

  • @midoone188
    @midoone188 2 года назад

    Welcome back to this list
    Thanks:)

  • @eric55099
    @eric55099 4 месяца назад

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

  • @RalphGoddard-tt1xq
    @RalphGoddard-tt1xq Год назад

    Thanks for the tips - I'll make those changes

  • @creumakuzola4227
    @creumakuzola4227 2 года назад

    Excelent Video!!! Thank u so much!

  • @oghenekarouzezi4504
    @oghenekarouzezi4504 11 месяцев назад

    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
      @SteveGriffith-Prof3ssorSt3v3  11 месяцев назад

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

  • @RalphGoddard-tt1xq
    @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
      @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?

  • @abcq1
    @abcq1 2 года назад

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

    • @SteveGriffith-Prof3ssorSt3v3
      @SteveGriffith-Prof3ssorSt3v3  2 года назад +1

      I do. Please post them here - ruclips.net/video/LCezax2uN3c/видео.html

    • @abcq1
      @abcq1 2 года назад +1

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

  • @dodokwak
    @dodokwak 2 года назад

    Thanks a lot.

  • @RalphGoddard-tt1xq
    @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
      @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.

  • @HugePhils
    @HugePhils Год назад

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

    • @SteveGriffith-Prof3ssorSt3v3
      @SteveGriffith-Prof3ssorSt3v3  Год назад

      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.

  • @harimkim6803
    @harimkim6803 2 года назад +1

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

    • @erectlocution
      @erectlocution 2 года назад +1

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

  • @olawumisegun5898
    @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