'HTML anchor tag's download attribute's optional new filename for the downloaded file is not working

I have written the following HTML code

<!DOCTYPE html>
<html>
    <body>
        <a href="../../../media/jupiter" download="big_planet"> Click here to download the file </a>
    </body>
</html>

When I click on the link instead of the downloaded file having the name of big_planet has the name jupiter. I tried it in multiple browsers and they all give the downloaded file name as jupiter instead of big_planet.

Can someone please tell the reason and suggest me a solution?



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source