Estou usando o codigo window.open(url, '_blank');
em javascript para fazer download de arquivos, ele baixa todos os tipo automaticamente, mas imagens ele abre a imagem numa pagina e não baixa.
-
Acho que esse link pode lhe ajudar: pt.stackoverflow.com/questions/13826/…– ViníciusCommented 22/03/2019 às 13:47
Adicione um comentário
|
1 Resposta
Tem uma opção sem precisar usar JS.
Basta usar o atributo HTML download
em uma tab <a>
que link a imagem. Então vc coloca essa tag <a href="link da imagem"
> envolvendo a tag <img>
e pronto. A ressalva é que para este atributo funcionar a URL de origem e destino devem estar na mesma origem.
OBS: Não funciona localmente, só funciona se estiver no Servidor, mesmo que seja no Xamp ou Wamp.
Vc pode mer mais aqui: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#Attributes
<a href="caminho da imagem" download>
<img src="caminho da imagem" alt="">
</a>
-
Eu testei esse modo, mas quando clico pra baixar, ele abre a página com a imagem Commented 22/03/2019 às 14:16
-
-
@PedroHenrique aqui funcionou... não sei se isso pode ser alguma config de segurança do browser que vc usa, ou do server.... Mas aqui deu certo, e olha que eu fiz na mão pelo DevTools, nem precisei subir nada no FTP... Vc tem o link do site? É provável que localmente isso não funcione, vc precisa colocar o arquivo no serve e testar pra ver!– hugocslCommented 22/03/2019 às 14:19
-
Eu to usando vue js webpack como frontend, e laravel como backend, vou testar agora o download no mesmo dominio Commented 22/03/2019 às 14:20
-
Testei com um aquivo, e é como você tinha mencionado, funciona apenas se estiver no mesmo dominio Commented 22/03/2019 às 14:22