Files
30-seconds-of-code/blog_posts/custom-file-download-names.md
2022-03-21 15:54:40 +02:00

991 B

title, shortTitle, type, tags, expertise, author, cover, excerpt, firstSeen, lastUpdated
title shortTitle type tags expertise author cover excerpt firstSeen lastUpdated
Tip: Customize the names of downloadable files Customize the names of downloadable files tip webdev,html,browser beginner chalarangelo blog_images/hard-disk.jpg Learn what HTML5 attribute you can use to customize the names of your downloadable files with this quick tip. 2021-01-11T11:00:00+02:00 2021-06-12T19:30:41+03:00

HTML5 introduced a variety of convenient features that many of us use every day. As downloadable links aren't something I work with very often, I recently found out that you can use the download attribute on an <a> element for much more than just making it trigger a download. In fact, you can pass it a string value that will act as the name of the downloadable file, effectively allowing you to customize its name:

<!-- The downloaded file will be named 'June-2020.csv' -->
<a href="/data/2020/06/report.csv" download="June-2020.csv">June 2020</a>