Fazer download de imagem via javascript/jquery

1,948 views
Skip to first unread message

Gabriel Gularte

unread,
Jan 26, 2012, 2:52:02 PM1/26/12
to jque...@googlegroups.com
Opa galera, tudo bem?

Seguinte, eu tenho uma select box com alguns valores. Como faz pra fazer o download de uma imagem via javascript dependendo do valor escolhido?

Acho que aqui dá pra visualizar melhor:  http://jsfiddle.net/gabrielfreitas/Y3dS9/ 

Obrigado e abraços!!

-------------------------------
Gabriel Gularte
Front-end Webdesigner & Developer
Flash Designer & Developer
Asst. de Direção de Arte e Produção Digital na Agência3
Diretor de Criação e Co-fundador da Trebuchet
21 76813600
-------------------------------
  


Leonardo Rodrigues

unread,
Jan 26, 2012, 2:59:54 PM1/26/12
to jque...@googlegroups.com
coloque um value com o href da imagem no option, no change do select troque o href do enviar pelo value do option! entendeu?




--
Leonardo Rodrigues da Silva
WebDeveloper

http://www.leo.voudeargohost.net/
http://about.me/leo07vasp
http://www.linkedin.com/profile/view?id=104259451
http://www.facebook.com/leo07vasp
http://www.twitter.com/leo07vasp

Erackson Brito

unread,
Jan 26, 2012, 3:01:11 PM1/26/12
to jque...@googlegroups.com
Veja se assim serve:

--
Atenciosamente,
Erackson Brito
Desenvolvedor WEB


2012/1/26 Gabriel Gularte <gabriel...@gmail.com>

Gabriel Gularte

unread,
Jan 26, 2012, 3:03:37 PM1/26/12
to jque...@googlegroups.com
Mais ou menos... na verdade, eu precisava de um comando javascript pra chamar a imagem e começar o download. Pq não é simplesmente um select box... tem mais coisa envolvida...

Vou tentar melhorar aquele fiddle lá pra tentar explicar melhor...

Gabriel Gularte

unread,
Jan 26, 2012, 3:14:08 PM1/26/12
to jque...@googlegroups.com
Então... acho que ficou melhor aqui:


Pq eu tenho dois dados para o download... Eu preciso pegar os valores dos radios box e do select box pra saber qual imagem será baixada.

Dá pra entender? Ficou meio complicado msmo... xD haha

Gabriel Gularte

unread,
Jan 26, 2012, 3:18:30 PM1/26/12
to jque...@googlegroups.com

Erackson Brito

unread,
Jan 26, 2012, 3:26:01 PM1/26/12
to jque...@googlegroups.com
Você quer mostrar a imagem numa IMG ou quer baixar a imagem para o servidor ou quer apenas salvar o cache dela no CLIENT?

--
Atenciosamente,
Erackson Brito
Desenvolvedor WEB


Gabriel Gularte

unread,
Jan 26, 2012, 3:28:35 PM1/26/12
to jque...@googlegroups.com
Quero que o usuário faça o download de uma imagem baseado nas escolhas que ele fez nos campos de radio e select. ^^



2012/1/26 Erackson Brito <erac...@gmail.com>

Gabriel Gularte

unread,
Jan 26, 2012, 3:39:16 PM1/26/12
to jque...@googlegroups.com
Tenho 15 imagens. 3 cores diferentes com 5 resolucoes. E dependendo do que o usuário escolher dentre cor e resolucao, fazer o download da imagem correspondente.

Já estou detectando e armazenando numa variavel a resolucao e a cor. Só falta atribuir a ação de download pra cada situação (cor+resolucao).

Erackson Brito

unread,
Jan 26, 2012, 3:44:39 PM1/26/12
to jque...@googlegroups.com
Olha agora:  http://jsfiddle.net/erackson/KYNwp/ 

--
Atenciosamente,
Erackson Brito
Desenvolvedor WEB


2012/1/26 Gabriel Gularte <gabriel...@gmail.com>

Gabriel Gularte

unread,
Jan 26, 2012, 3:59:26 PM1/26/12
to jque...@googlegroups.com
Perfeito!!!!

Muuito obrigadoo!!! Secou meu código todo!!! ^^

Valeu mesmo cara!! Grande abraço!!!!

Gabriel Gularte

unread,
Jan 26, 2012, 4:07:52 PM1/26/12
to jque...@googlegroups.com
Mas e se eu quiser abrir aquela janela de download ao invés de abrir a imagem numa nova guia? oO

Tanure

unread,
Jan 26, 2012, 4:43:03 PM1/26/12
to jque...@googlegroups.com
abre ela numa url onde vc altere o mime tipe para octet/stream... da pra afzer isso com htaccess

exemplo, na pasta 'download' coloca um htaccess com

AddType application/octet-stream .jpg

todas as imagens jpg desse diretorio irao pedir dowload em vez de abrir no navegador

outra solução é controlar isso com alguma linguagem server side, alterando o header para octete

algo tipo

download.php?img=suaimagem.jpg


--

Luiz Tanure

472f5a3aedb906cb767acdbdeaca6d8f

Gabriel Gularte

unread,
Jan 26, 2012, 4:59:06 PM1/26/12
to jque...@googlegroups.com
Show galera!!! Funcionou perfeitamente!!!

Muito obrigado novamente!!! Grande abraço!

2012/1/26 Tanure <leta...@gmail.com>

--

Tanure

unread,
Jan 26, 2012, 5:01:53 PM1/26/12
to jque...@googlegroups.com
funcionou o que? da a solução que usou ai...

Luiz Tanure

472f5a3aedb906cb767acdbdeaca6d8f

Gabriel Gularte

unread,
Jan 26, 2012, 6:51:58 PM1/26/12
to jque...@googlegroups.com
Então.... Eu arrumei o código assim:  http://jsfiddle.net/erackson/KYNwp/  como o @Erackson ensinou e coloquei o httpacces na pasta de download, como a @Tanure sugeriu. Funconou perfeitamente.

Amanhã vou estudar pra ver se dá pra fechar a janela que é aberta no donwload. Agora eu n lembro se tem _blank no link... Só amanhã mesmo. Amanhã também posto aqui o código solucionado no jsFiddle, ok?

Mas muito obrigado a vocês, foram de grande ajuda! Abraços!

2012/1/26 Tanure <leta...@gmail.com>
Reply all
Reply to author
Forward
0 new messages