How to Use the 'download' Attribute For Your Websites - HTML5 Tutorial

แชร์
ฝัง
  • เผยแพร่เมื่อ 3 ธ.ค. 2024

ความคิดเห็น • 148

  • @besufkaddebebe
    @besufkaddebebe 3 ปีที่แล้ว +14

    Wow, i didn't expect it to be this easy! THANKS A LOT MAN!!

  • @IronFoxOnFire
    @IronFoxOnFire 4 ปีที่แล้ว +7

    This is waaaay easier than I would’ve thought

  • @rubayethassan5615
    @rubayethassan5615 3 ปีที่แล้ว +4

    I thought that I would have to add complex JavaScript code... But it was as simple as the "required" attribute used in html form.... Thanks 😊

  • @Selina-hk3lk
    @Selina-hk3lk 4 ปีที่แล้ว +3

    YOU ARE AWESOME!! Thank you so much for teaching me how to do this. I watched countless videos and searched for a while on the internet and couldn't find a way until I came across your video. This unfortunately was not taught in my class either. I liked your video and subscribed!

  • @shriyanscreativestudios5603
    @shriyanscreativestudios5603 4 ปีที่แล้ว +23

    I thought it was used by a very long javascript but it was used in html. I was shocked. Thank you for this video. I liked it very much.

  • @aybak3k
    @aybak3k 3 ปีที่แล้ว +13

    not working with me
    it just opens the file in da browser:/

  • @ingridzeng9585
    @ingridzeng9585 3 ปีที่แล้ว +18

    this does exactly what I wanted, thank you for the awesome tip!

    • @dcode-software
      @dcode-software  3 ปีที่แล้ว +1

      Nice. You're welcome

    • @YoussefEditszz
      @YoussefEditszz ปีที่แล้ว

      @@dcode-software hey, where can i find HTML?

  • @hyperionedits17
    @hyperionedits17 3 ปีที่แล้ว +2

    Man, how can I xpress my feelings. I am too happy. Thanks very much. Love from India. I think 🤔 u are a British man

  • @rahulshah663
    @rahulshah663 2 ปีที่แล้ว

    Awesome Man! This was way easier than I had thought !

  • @saif.ali05
    @saif.ali05 ปีที่แล้ว

    it is awesome dear you explain in one line.thnx alot man

  • @modinatadenike8125
    @modinatadenike8125 2 ปีที่แล้ว

    So helpful. Works perfectly. Thanks for the video

  • @akmachinetools1machine306
    @akmachinetools1machine306 ปีที่แล้ว +1

    Thanks, sir

  • @bobbymahato132
    @bobbymahato132 3 ปีที่แล้ว +3

    Thank you for this tutorial but I still have a doubt related to this that how can I make a download button for an image using HTML and CSS? As soon as it is clicked image will start downloading.

  • @theodorebnavugar7672
    @theodorebnavugar7672 ปีที่แล้ว

    wow..thank you so very much. Subscribed.

  • @vigneshreddy9262
    @vigneshreddy9262 5 ปีที่แล้ว +5

    Hi
    I tried this in chrome but not getting download it just viewing the image
    DOWNLOAD
    Help me

    • @axxnguyen8934
      @axxnguyen8934 5 ปีที่แล้ว +2

      me too

    • @dustinjoosen5901
      @dustinjoosen5901 4 ปีที่แล้ว +2

      Same

    •  4 ปีที่แล้ว +2

      same

    • @Edwinus
      @Edwinus 4 ปีที่แล้ว +1

      You have to do it in a localhost server

    • @forksandpopsticles9183
      @forksandpopsticles9183 4 ปีที่แล้ว

      Maybe because you have it on your computer already?

  • @vineboomsoundeffect5395
    @vineboomsoundeffect5395 2 ปีที่แล้ว

    This is simply perfect. Thank you a lot!

  • @ShahzaibKhan-wh5hh
    @ShahzaibKhan-wh5hh 5 ปีที่แล้ว +4

    please help mp4 video and mp3 audio not download chrome and opera browser

  • @conaxlearn8566
    @conaxlearn8566 2 ปีที่แล้ว +1

    Was there no same-origin restriction back in 2019?

  • @tanmayghosh8311
    @tanmayghosh8311 7 หลายเดือนก่อน

    loved the method nice

  • @marchsevillameguillo1825
    @marchsevillameguillo1825 2 ปีที่แล้ว

    Thanks ..
    its helpful
    new subscriber

  • @blessedkidav7551
    @blessedkidav7551 2 ปีที่แล้ว

    Excellent tutorial good job

  • @basantimandal558
    @basantimandal558 3 ปีที่แล้ว +1

    Nice video thank you 🙂

  • @Cone_Channel
    @Cone_Channel 2 ปีที่แล้ว

    wow thanks man, this was awesomee

  • @u12blue
    @u12blue 2 ปีที่แล้ว +1

    I did the same thing, i dont understand why it opens the file instead of downloading it

  • @wombofun8862
    @wombofun8862 3 ปีที่แล้ว

    Thanks for help, subed!

  • @gustavbrolin623
    @gustavbrolin623 4 ปีที่แล้ว +2

    Does this work with folders as well?

  • @sypherpro-r1n
    @sypherpro-r1n ปีที่แล้ว

    Thats nice bro

  • @PixelGamer2_
    @PixelGamer2_ 9 หลายเดือนก่อน

    I am editing in notepad and i have a file in the same folder as my html file, but if i type that with my filename, then it will just open in newtab, even with the download attribute

  • @MdYusuf-ug6oz
    @MdYusuf-ug6oz ปีที่แล้ว

    Hi, is it possible to change the download path? For example, will create a folder named "Sample" and all the downloads from that site will be placed there instead of default "Downloads" folder. Thanks in advance!

  • @nathanwhite704
    @nathanwhite704 2 ปีที่แล้ว

    How would this work for downloading an app? Would you link to the folder containing the project in some way? I just tried this using a UE5 game im working on and its not downloading it.

  • @AshishpahadiUK
    @AshishpahadiUK 2 ปีที่แล้ว +1

    What is the name of Font your are in your html site please tell??

  • @User96841
    @User96841 3 ปีที่แล้ว +1

    It dont work with .bat files?

  • @mohamedkadous4196
    @mohamedkadous4196 2 ปีที่แล้ว

    Can I also make this when I want to upload a pdf file on my website to make the user download it ??

  • @Namuhindura-Foundation
    @Namuhindura-Foundation ปีที่แล้ว

    Thank you

  • @ramalsrougi
    @ramalsrougi 3 ปีที่แล้ว

    Thank you so much 😍❤❤

  • @spagetti2514
    @spagetti2514 4 ปีที่แล้ว +1

    how an i able to code a downloadable link for audio files please let me know

  • @as_dg5650
    @as_dg5650 2 ปีที่แล้ว

    thank you ☺🙂

  • @pizzacuthd7559
    @pizzacuthd7559 3 ปีที่แล้ว

    Is there a way to use the download attribute if you only have an html file without a folder with the files you want to be downloaded? So that anyone can download a file from it without already having the file on your device. Do I have to use something like Google Drive for that?

  • @wingmanup7368
    @wingmanup7368 4 ปีที่แล้ว +1

    Im trying to download a MP3 file. I did exactly what he said. Thisis my code: Download . I tried opening this in Microsoft Edge but it would just pull up the song in a different tab. Where did i go wrong?

    • @Ncs14770
      @Ncs14770 4 ปีที่แล้ว

      i did it with an image, and getting the same error as you.

    • @ieee7546
      @ieee7546 3 ปีที่แล้ว

      You should put it in a .zip or .rar file ...etc

    • @ContentBombing
      @ContentBombing 3 ปีที่แล้ว

      @@ieee7546 i did the same exactly download and its giving me the tab not downloading it... what did I do wrong..

    • @ContentBombing
      @ContentBombing 3 ปีที่แล้ว

      wait does it only work by .zip and .rar

    • @DRAVEN_250
      @DRAVEN_250 2 ปีที่แล้ว

      @@ContentBombingyeeeeeee! thank you very much bro😘

  • @recsng
    @recsng 3 ปีที่แล้ว

    Can we Download videos and audios ... Please reply...

  • @lingarajperiyasamy2649
    @lingarajperiyasamy2649 3 ปีที่แล้ว

    Thanks Bro 😀😀😀👍👍👍

  • @khemirikhaoula6068
    @khemirikhaoula6068 2 ปีที่แล้ว

    thanks a lot

  • @aeonsantodomingo1203
    @aeonsantodomingo1203 2 ปีที่แล้ว

    How do you make it work with iPhone and internet explore?

  • @saipranitha2310
    @saipranitha2310 3 ปีที่แล้ว

    Which software did u use for executing the html file?

    • @tristengrant
      @tristengrant 2 ปีที่แล้ว

      Just open it in a browser.

  • @mdrakibulislam4075
    @mdrakibulislam4075 2 ปีที่แล้ว

    wow. Thanks Man

  • @sazedurrahman1594
    @sazedurrahman1594 2 ปีที่แล้ว

    Thanks.

  • @kaisarhamid5200
    @kaisarhamid5200 3 ปีที่แล้ว

    thank you for share

  • @nikidhan
    @nikidhan 3 ปีที่แล้ว

    Not working for image file. it will preview the image not directly download it. can you show me how to do it?

  • @dustinjoosen5901
    @dustinjoosen5901 4 ปีที่แล้ว +20

    It doesn't work, it just opens the image

    • @Kevinproducciones2
      @Kevinproducciones2 4 ปีที่แล้ว +6

      I have the same problem :/

    • @dustinjoosen5901
      @dustinjoosen5901 4 ปีที่แล้ว +5

      @@Kevinproducciones2 I don't know how to completely help the problem, but I do know that if you make a zip file of the image, you can download it.

    • @yoursinger4014
      @yoursinger4014 4 ปีที่แล้ว +1

      Run it using a server... such as localhost...

    • @zer0skill864
      @zer0skill864 4 ปีที่แล้ว +1

      @@yoursinger4014 Thanks it helped me a lot

    • @SuperSayans
      @SuperSayans 4 ปีที่แล้ว

      Thanks a lot it working properly...

  • @jozefligmajer2965
    @jozefligmajer2965 4 ปีที่แล้ว +2

    You cannot place "button" between "a"

    • @johnmarketoc6147
      @johnmarketoc6147 4 ปีที่แล้ว

      but you can design the a like button

  • @feedgaming8374
    @feedgaming8374 ปีที่แล้ว

    Thx bro

  • @adriyear
    @adriyear 3 ปีที่แล้ว

    What font have you used for the title?

  • @byRocksterunderscore
    @byRocksterunderscore 3 ปีที่แล้ว

    Thank you sir

  • @harshalmali3597
    @harshalmali3597 3 ปีที่แล้ว

    Can we change filename

  • @dreamchaser3341
    @dreamchaser3341 2 ปีที่แล้ว

    Not working for PDF files from PC it stills lead me to a new tab

  • @bishnupahari3353
    @bishnupahari3353 3 ปีที่แล้ว

    can this be used in buttons

  • @sebastianorgonas793
    @sebastianorgonas793 ปีที่แล้ว

    Hi I've tried this in chrome but it opens the file instead of downloading it ... any tips ?

  • @skystudentvortex
    @skystudentvortex 10 วันที่ผ่านมา

    when i click "Download" it opens my file in the browser

  • @dario-kq2hf
    @dario-kq2hf 3 ปีที่แล้ว

    How do I make it so the file name has a random number in it?

  • @honzosaurus42069-no_furry
    @honzosaurus42069-no_furry ปีที่แล้ว +1

    Why is it not working...

  • @manimusictech912
    @manimusictech912 2 ปีที่แล้ว

    Sir it is opening the document either downloading

  • @shaikjavid746
    @shaikjavid746 2 ปีที่แล้ว

    What if we need to download pdf

  • @ieee7546
    @ieee7546 3 ปีที่แล้ว

    Thx live saver

  • @Ncs14770
    @Ncs14770 4 ปีที่แล้ว

    did not work brother. just takes me to new tab. what should i do, or am doing wrong?

    • @bernalmina6792
      @bernalmina6792 3 ปีที่แล้ว

      same for me

    • @Ncs14770
      @Ncs14770 3 ปีที่แล้ว +4

      @@bernalmina6792 hey I figured out the problem if you are interested, just ignore the new tab because once you publish your website to the web it will work 👍

    • @bernalmina6792
      @bernalmina6792 3 ปีที่แล้ว

      @@Ncs14770 oh i see.. thanks nick ^^

  • @Boblight69
    @Boblight69 ปีที่แล้ว

    i can't see hyperlink in my website halp

  • @aboutanonymus6565
    @aboutanonymus6565 3 ปีที่แล้ว

    it didn´t work because it´s open the file on the site. Please
    help me!!! THANKS!

  • @villac6646
    @villac6646 2 ปีที่แล้ว

    Please help me., How can I do my website to show number of downloads? Please I need your help people..

  • @prasadsalaskar1572
    @prasadsalaskar1572 4 ปีที่แล้ว

    How to add download button for image website

  • @ndesimoniche7125
    @ndesimoniche7125 2 ปีที่แล้ว

    I tried it but it's not working for me

  • @CODINGisFUN-xz2em
    @CODINGisFUN-xz2em 3 ปีที่แล้ว

    Will this method work for EXE file?

    • @Aivirx
      @Aivirx 3 ปีที่แล้ว

      yeah just tried it

  • @Amar-lv1yw
    @Amar-lv1yw 4 ปีที่แล้ว

    How can you do this if you want to upload an other file type

    • @sandyibrahim6794
      @sandyibrahim6794 3 ปีที่แล้ว

      If you don't want to download a .txt file, and you want to, say, download a windows installer, then at the end of your name, put ".msi" for it to be a windows installer. Basically what I'm saying is if you want to download different files put .msi .inf etc.

  • @moizarsiwala3440
    @moizarsiwala3440 4 ปีที่แล้ว

    Will this work for downloading audio??

    • @dcode-software
      @dcode-software  4 ปีที่แล้ว

      For downloading audio files, yes

    • @moizarsiwala3440
      @moizarsiwala3440 4 ปีที่แล้ว +1

      @@dcode-software bro it doesnt work

  • @technologybook1927
    @technologybook1927 3 ปีที่แล้ว

    thanks thanks thanks thanks thanks thanks

  • @savekillqqpsounds8473
    @savekillqqpsounds8473 ปีที่แล้ว

    for some reason it doesnt work for me help

  • @tutorial3146
    @tutorial3146 3 ปีที่แล้ว

    i get about:blank#blocked

  • @S-Lomar
    @S-Lomar ปีที่แล้ว

    Thank you for sharing 💕💓❤️♥️♥️♥️♥️💓😊😘🥰❤️😍💙💙💙💙💙💙💙

  • @TurboBoost101
    @TurboBoost101 11 หลายเดือนก่อน

    mine is not working

  • @abhinandanaams2613
    @abhinandanaams2613 2 ปีที่แล้ว

    how to download e-paper using attribute? kindly answe mer!!!!

  • @UwUnicode
    @UwUnicode 3 ปีที่แล้ว

    uh what do i do with this? file:alternate/1528000/1528775_alternate_113347_r88.zip

  • @its_shinny
    @its_shinny ปีที่แล้ว

    It's still doesn't working

  • @kenan5284
    @kenan5284 8 หลายเดือนก่อน

    not found

  • @igorsena8320
    @igorsena8320 2 ปีที่แล้ว

    dont work for me, why?

  • @mebel8075
    @mebel8075 3 ปีที่แล้ว +1

    People what didnt put this in http server: bro it dont wotk

  • @vxruzdanz
    @vxruzdanz 2 ปีที่แล้ว

    doesnt work for me, maybe im doing something wrong?

  • @salvadornancy6564
    @salvadornancy6564 3 ปีที่แล้ว +1

    Is this only work using localhost? Bcoz in live it doesn't work.

  • @aminamini9191
    @aminamini9191 3 ปีที่แล้ว

    ♥️♥️♥️

  • @padasalgi
    @padasalgi 3 ปีที่แล้ว +3

    sir, It is not working. It only displays the image. Please advise.

    • @drstevenstrange9708
      @drstevenstrange9708 3 ปีที่แล้ว

      Try using the latest version of Web Browser.

    • @anathrax6744
      @anathrax6744 3 ปีที่แล้ว

      You need ur website to be online hosted

  • @abilashm613
    @abilashm613 2 ปีที่แล้ว

    its not working

    • @victoria3570
      @victoria3570 2 ปีที่แล้ว

      I do the same but its not working

  • @yurinlacerda8477
    @yurinlacerda8477 2 ปีที่แล้ว

    dont work!

  • @ratodesgracadaomiguitau8758
    @ratodesgracadaomiguitau8758 3 ปีที่แล้ว

    up

  • @Black_gaming211
    @Black_gaming211 2 ปีที่แล้ว

    😊😊😊👌👌👌

  • @amircahyadi9219
    @amircahyadi9219 3 ปีที่แล้ว

    ❤️👍

  • @athegameroffical
    @athegameroffical ปีที่แล้ว

    how to get free domain

  • @suelingsusu1339
    @suelingsusu1339 ปีที่แล้ว

    🙏🙏🙏👌👌👌🖖🖖🖖🖖

  • @daviator8539
    @daviator8539 ปีที่แล้ว

    💀

  • @self-coder1621
    @self-coder1621 4 ปีที่แล้ว

    if download attribute is not working check this out i have done it by watching this video th-cam.com/video/azssOhJsLEw/w-d-xo.html

  • @figotoo
    @figotoo 4 ปีที่แล้ว

    it not going to work if you don't run an HTTP server! This is the shortest video to see how to do it th-cam.com/video/vnPemSnnJYY/w-d-xo.html. You are welcome!

  • @ahmadali-zd7pm
    @ahmadali-zd7pm 2 ปีที่แล้ว

    very bad man

  • @honormalice2583
    @honormalice2583 2 ปีที่แล้ว

    I've tried man but no it's not working for me I don't know the reason but I did some research and It suppose to work on chrome but , it still work as an a viewer , it's not working.
    and so here's an exemple I've tested:
    Sorry for my french
    pour telecharger le fichier clickez surTélécharger

  • @lill_hoffkin
    @lill_hoffkin 2 ปีที่แล้ว +1

    thanks a lot