wfpaisa/base64-o-canvas-todatauri.md

## base64-o-canvas-todatauri.md

      
    Raw
  

              base64-o-canvas-todatauri.md
            
          
    ####Convertir canvas imagen a datauri,  sera ya el formulario para enviar
para un canvas,donde canvas es el objecto que contiene la imagen  fd es el formulario:
var dataURL = canvas.toDataURL('image/jpeg', 0.5);
var blob = dataURItoBlob(dataURL);
var fd = new FormData(document.forms[0]);
fd.append("canvasImage", blob);
```
para un base64, donde **Base64** es el string base64 con la imagen y  **fd** es el formulario:

var fd = new FormData();
var blob = dataURItoBlob(Base64);
fd.append("avatar", blob);

Funcion requerida para cualquiera de las anteriores

function dataURItoBlob(dataURI) {
var binary = atob(dataURI.split(',')[1]);
var array = [];
for(var i = 0; i < binary.length; i++) {
array.push(binary.charCodeAt(i));
}
return new Blob([new Uint8Array(array)], {type: 'image/jpeg'});
}