Estoy intentando crear un botón que descargue un archivo de imagen al presionarlo, pero lo que hice solo me llevará al archivo en sí.
HTML:
<button onclick="file()">Click me, i'll download an image</button>JavaScript:
function file() { const anchor = document.createElement("a"); anchor.href = "dingus.png"; anchor.download = "dingus.png"; document.body.appendChild(anchor); anchor.click(); }Aquí está, no olvide eliminar el elemento adjunto.
function download(url) { const anchor = document.createElement('a') anchor.href = url anchor.download = url.split('/').pop() document.body.appendChild(anchor) anchor.click() document.body.removeChild(anchor) }la ruta de descarga debe estar en la ruta HTTP, entonces solo funcionará. local que no funcionará
Ejemplo
function file() { const anchor = document.createElement("a"); anchor.href = "http://www.exampleApiPath.com/dingus.png"; anchor.download = "http://www.exampleApiPath.com/dingus.png"; document.body.appendChild(anchor); anchor.click(); }