Home / Questions / 2453
Accepted
Danilo
Asked: 2020-01-13 19:30:00 +0800 CST 2020-01-13 19:30:00 +0800 CST

Get the name of a binary image with base64 when downloading it

  • 772

Suppose I have the following base64 image:

<img alt="imagen de prueba" width="16" height="16" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAA……… />

When I run the view in the browser and show the image, when I download it, when I place save image as... in name, it appears with the name “download.png”. I would like to know how to put the real name or one that you want to the file to download.

javascript

2 Answers

  1. Best Answer

    The data URIs format does not allow you to specify a name for the file but you have other alternatives.

    You could add a download link, put the name in the attribute downloadand the data again in the attributehref

    <a download="Nombre de prueba.png" href="data:image/png;base64,iVBOwSUgAB...">Descargar</a>
    • 13

  2. One option is to use the button downloadif it works for you, looking like this:

     <a href="/images/nombredelaimagen.png" download="nombredelaimagen">Nombre de la imagen </a>

    I clarify that this button does not work in Safari browsers.

    • 1