Transformar imagem em base64 com JavaScript

1,159 views
Skip to first unread message

Davidmkt

unread,
Mar 2, 2013, 7:03:33 PM3/2/13
to jque...@googlegroups.com
Boa noite,

Quero fazer upload multiplo de imagens via ajax e pensei em transforma-las em base64 para envia-las, alguém sabe como posso fazer isso??

Desde já agradeço!

Eduardo Kraus

unread,
Mar 2, 2013, 7:26:04 PM3/2/13
to jquery-br
Upload sem recarregar a página é mais indicado fazer com iframe.
--
--
Grupo de jQuery Brasil.
 
REGRAS: https://docs.google.com/document/d/1VfvTDmeHTSj-L5ouZJjQQ4OkjTCU1Hr2XtPYBNGVHH4/edit
 
USE O JSBIN.COM / JSFIDDLE.NET PARA CÓDIGOS.
 
Email: jque...@googlegroups.com
Biba: jquery-br+...@googlegroups.com
Site: http://groups.google.com/group/jquery-br?hl=pt-BR
 
---
Você está recebendo esta mensagem porque se inscreveu no grupo "jQuery (Brasil)" dos Grupos do Google.
Para cancelar a inscrição neste grupo e parar de receber seus e-mails, envie um e-mail para jquery-br+...@googlegroups.com.
Para obter mais opções, acesse https://groups.google.com/groups/opt_out.
 
 

Gladson Simplício Brito

unread,
Mar 2, 2013, 7:39:06 PM3/2/13
to jque...@googlegroups.com


2013/3/2 Eduardo Kraus <eduard...@gmail.com>

David Lima

unread,
Mar 2, 2013, 9:52:42 PM3/2/13
to jque...@googlegroups.com
Olá Gladson Gostei do teu código mais não consegui perceber onde pego o arquivo já codificado para base64 para enviar via ajax.

David Figueiredo
WebMaster
(84) 9916-7093
(84) 8744-6667
E-mail/Messenger: davi...@gmail.com
Skype: davidmkt
Twitter: davidwebmaster


2013/3/2 Gladson Simplício Brito <gladso...@gmail.com>

Marlon Pacheco

unread,
Mar 3, 2013, 3:51:51 AM3/3/13
to jque...@googlegroups.com
Boa noite.

Você poderia usar o exemplo que publiquei há alguma tempo.
Não transforma em base64, mas faz o upload 'via' ajax.
Espero ter ajudado.

David Lima

unread,
Mar 3, 2013, 5:31:45 AM3/3/13
to jque...@googlegroups.com
Problema resolvido! Estudei melhor a classe FileReader e consegui enviar a imagem como base64 via ajax.

Agora vem outro problema que foge até do tema do grupo mais continua no raciocínio do meu questionamento: Eu não quero guardar a imagem em base64 no BD e não estou conseguindo fazer o upload da imagem com PHP quando recebo a mesma via ajax, alguém pode me ajudar? desde já Agradeço! 

David Figueiredo
WebMaster
(84) 9916-7093
(84) 8744-6667
E-mail/Messenger: davi...@gmail.com
Skype: davidmkt
Twitter: davidwebmaster


--

poste9

unread,
Mar 4, 2013, 6:39:37 AM3/4/13
to jque...@googlegroups.com
david se vc está enviando a imagem como string em base64 provavelmente deve ser algo do tipo... data:image/jpeg;base64,asdlfkjasldfkjasdlfj==

eu não lembro direito o formato da string, mas o que eu lembro é que se você pegar a parte que fica depois da virgula nessa string, e passar por um base64_decode, vc tem a imagem em binário, basta escrever isso num arquivo que será sua imagem física. 

Resumindo, você não terá essa imagem em uma variável $_FILE e sim numa variável $_POST ou php://input, depende da forma que você está enviando.

acho que é isso.

Att,
--
___________________
Rafael Lúcio
----------------------------------
pos...@gmail.com
+55 61 9996-2108
Reply all
Reply to author
Forward
0 new messages