How To Create Drag And Drop Image Uploader Using HTML CSS and JavaScript

Поділитися
Вставка
  • Опубліковано 27 жов 2024

КОМЕНТАРІ • 35

  • @Sd12x
    @Sd12x Рік тому +5

    Your all tutorial is helpfull for me. Keep it up sir 👍🏻

  • @ti-conmigo
    @ti-conmigo Місяць тому +1

    Thank you, every thing works just fine, this is so useful for my website, I made some modifications to upload multiple files, thanks again to share this!

  • @GestionIzaranet
    @GestionIzaranet 9 місяців тому +1

    Very helpful video, thank you

  • @SivaGoud-ty8qv
    @SivaGoud-ty8qv Рік тому +1

    TQ Make More Videos Bro .I am From Bangalore

  • @abdoutoutou4901
    @abdoutoutou4901 Рік тому +1

    Thnks 😊 Algeria ❤

  • @TheEtoileNoire
    @TheEtoileNoire 10 місяців тому +1

    perfect. exactly what i needed. thank you

  • @Riteshk_007
    @Riteshk_007 Рік тому +1

    ❤❤great 👍 project 👌

  • @yasinbhojani80
    @yasinbhojani80 10 місяців тому +1

    Thanks 👍

  • @cheriat2439
    @cheriat2439 Рік тому +3

    Is there any place, where I can copy your link? It would be very helpful, thanks in advance :)

  • @krutishah-yf4cq
    @krutishah-yf4cq 5 місяців тому

    you explained everything very nicely but i can't upload image it shows like 'imageLink' is declared but its value is never read. please let me know where i made a mistake

  • @dipankarpaul3405
    @dipankarpaul3405 Рік тому

    Please make some videos with Svelte or SvelteKit...

  • @lukekoletsios3236
    @lukekoletsios3236 Рік тому

    thanks for the video !

  • @Ahmed_Saudh
    @Ahmed_Saudh Рік тому

    Can You Please Do a full Website on fixed background and parallax website

  • @chetu9241
    @chetu9241 Рік тому +2

    Sir Can u explain dragover and drop event in that why u give e.preventDefault() function

    • @abhishekT700
      @abhishekT700 6 місяців тому

      He used preventiDefault bec by default the file will be open and we don't want that

  • @mintu7403
    @mintu7403 Рік тому

    Sir for how many days the offer of 30 days 30 js project is open 💞💞💞??

  • @leonardigweokolo2813
    @leonardigweokolo2813 9 місяців тому +1

    This is hard! Will I ever learn this.

  • @anudeepkkm7301
    @anudeepkkm7301 3 місяці тому

    Image of all sizes(dimension) cannot be uploaded properly, how can we fix that

  • @ironman-29
    @ironman-29 Рік тому

    Make a video on tic tak toe game

  • @faizudesigns1463
    @faizudesigns1463 Рік тому +1

    Sir please make a tutorial about how to make E- commerce website using bootstrap (back end )

  • @hepran
    @hepran 10 місяців тому

    Thx :-)

  • @aquasplash545
    @aquasplash545 Рік тому

    My container appears at top center of the page instead of center.
    Can you please tell me how to fix this?

  • @RishabhSingh-ie5rt
    @RishabhSingh-ie5rt Рік тому

    maine website ko deploy toh kardia tha internet pe magar maine jo image lagai thin wo show nhi kar rhi hain jab ki mere pc ke browser mein images show ho rhi hain......
    can you please resolve my problem?

  • @NiraliPatel-z4x
    @NiraliPatel-z4x Рік тому

    can i make it for my jpg file(social media post)?

  • @sanketsingh5555
    @sanketsingh5555 Рік тому

    bro downloading ka feature lagana ho pexel clone me toh kese lagnge js se achor tag use kr rha hu toh new window me open ho rahi h image

  • @itlaitheyatla366
    @itlaitheyatla366 Рік тому

    hi sir best way to understand and working on code but image is not displaying properly when i inspect i got error Failed to load resource: net::ERR_FILE_NOT_FOUND please help me how to reslove it becz i'm beginner

  • @neerajsemil1960
    @neerajsemil1960 Рік тому

    drag over and drop is not fired when I try to drop and image what I do

  • @always_code
    @always_code Рік тому

    Bro video about password protected website .After login, another page will open, if the password is wrong, it will not be given.

  • @jaychandak321
    @jaychandak321 Рік тому

    Some images are not getting properly resized

  • @imamhasan9599
    @imamhasan9599 Рік тому

    Plz make a pos software 🙏

  • @NaveeNKumar-bz7vk
    @NaveeNKumar-bz7vk Рік тому

    please explain inputFile.files[0] why we take index [0]

    • @JesseFowlerDesigner
      @JesseFowlerDesigner 11 місяців тому

      inputFile.files is an array of files and the single image is the first image in this array at the index of zero. For each additional file the index is increased.

  • @mr_affan15
    @mr_affan15 20 днів тому

    Souce code