HTML5/Javascript - DataURL do Blob & Blob do DataURL

Question

Mam DataURL z płótna, które pokazuje moją kamerę internetową. Zmieniam to daneURL w blob używając odpowiedzi Matta stąd: How to convert dataURL to file object in javascript?

Jak przekonwertować ten obiekt typu blob z powrotem na tę samą wartość DataURL? Spędziłem dzień na badaniu tego i jestem zdumiony, że to nie jest udokumentowane lepiej, chyba że jestem ślepy.

EDIT: Jest

var urlCreator = window.URL || window.webkitURL; 
var imageUrl = urlCreator.createObjectURL(blob); 

ale to tylko zwraca bardzo krótki adres URL, który wydaje się wskazywać na pliku lokalnego, ale muszę wysłać dane kamery w sieci.

Answer 1

Nieważne, skończyło się to po tym, jak trzymałem się instrukcji z tego wątku Display image from blob using javascript and websockets i ustawiłem serwer na surowym (jeszcze) niezmodyfikowanym BinaryWebSocketFrames.

Teraz wciąż walczę ze złą wydajnością płótna (< 1fp), ale może to stać się tematem nowego wątku.

Answer 2

Użyj mojego kodu do przekonwertowania obiektu dataURL i obiektu blob w javascript. (lepiej niż kod w twoim linku.)

//**dataURL to blob** 
function dataURLtoBlob(dataurl) { 
    var arr = dataurl.split(','), mime = arr[0].match(/:(.*?);/)[1], 
     bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n); 
    while(n--){ 
     u8arr[n] = bstr.charCodeAt(n); 
    } 
    return new Blob([u8arr], {type:mime}); 
} 

//**blob to dataURL** 
function blobToDataURL(blob, callback) { 
    var a = new FileReader(); 
    a.onload = function(e) {callback(e.target.result);} 
    a.readAsDataURL(blob); 
} 

//test: 
var blob = dataURLtoBlob('data:text/plain;base64,YWFhYWFhYQ=='); 
blobToDataURL(blob, function(dataurl){ 
    console.log(dataurl); 
});