Jump to content
Helio13

Converter imagem em Base64

Recommended Posts

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?

Share this post


Link to post
Share on other 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%.

Share this post


Link to post
Share on other 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?

Share this post


Link to post
Share on other 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...

Edited by 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%.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.