Ir para o conteúdo
  • Revista PROGRAMAR: Já está disponível a edição #60 da revista programar. Faz já o download aqui!

Helio13

Converter imagem em Base64

Mensagens Recomendadas

Helio13

Boas!

Estou a fazer uma aplicacão em que tenho que fazer o upload de fotos via post.

E para isso precisava de converter a imagem em base64, mas não sei bem como o fazer...

Estava a tentar fazer assim:

<html>
<head>
<title>Example using FileUpload object </title>
</head>
<script src="upload.js"></script>
<body>
<form name="form1">
Click on browse to choose a file to send.
<br>
Click on the Send button to see the full path for the file sent.
<br><br>
File to send: <input type="file" id="file" name="uploadBox">
<br><br>
<input type="button" value="Send" name="get" onclick='showname()'>
<input type="button" value="64" name="get" onclick='getBase64ImageById()'>
<br><br>
<input type="text" name="filename" size="40">
<input type="text" name="file64" size="40">
</form>
</body>
</html>

<script>
<!--
function showname(){
	var  file = document.form1.uploadBox.value ;
	document.form1.filename.value = file ;
}

function getBase64Image(){
 p=document.getElementById("file").value;

 img.setAttribute('src', p);
 var canvas = document.createElement("canvas");
 canvas.width = img.width;
 canvas.height = img.height;
 var ctx = canvas.getContext("2d");
 ctx.drawImage(img, 0, 0);
 var dataURL = canvas.toDataURL("image/png");
 var dataURL = canvas.toDataURL("image/png");
 var r=dataURL.replace(/^data:image/(png|jpg);base64,/, "");
 base64=r;
 alert(base64);
 }
-->
</script>

Mas não dá nada...alguém me pode ajudar?

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites
brunoais

Já experimentaste enviar as imagens sem ser em base64?

Porque é que precisas de as enviar em base64?


"[Os jovens da actual geração]não lêem porque não envolve um telecomando que dê para mirar e atirar, não falam porque a trapalhice é rainha e o calão é rei" autor: thoga31

Life is a genetically transmitted disease, induced by sex, with death rate of 100%.

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites
Helio13

Não, não experimentei...mas eu estou a trabalhar com json na api rest.

Não tenho que converter a imagem para enviar?

Consigo enviar a imagem normal através de json?

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites
brunoais

Dá para fazer, mas n é fácil e o IE < 10 n o suporta.

Mais vale ter um web server no caminho e ser ele a tratar de ser intermediário para esse trabalho...

Editado por brunoais

"[Os jovens da actual geração]não lêem porque não envolve um telecomando que dê para mirar e atirar, não falam porque a trapalhice é rainha e o calão é rei" autor: thoga31

Life is a genetically transmitted disease, induced by sex, with death rate of 100%.

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!

Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.

Entrar Agora

×

Aviso Sobre Cookies

Ao usar este site você aceita os nossos Termos de Uso e Política de Privacidade. Este site usa cookies para disponibilizar funcionalidades personalizadas. Para mais informações visite esta página.