Hashing obrazu w JavaScript

Question

Obecnie próbuję hash obrazu z przeglądarki przy użyciu javascript. Jednak już hashing ciąg danychURL lub dane pikseli, które zostały pobieranie z elementu canvas w HTML. To oczywiście nie to samo co mieszanie surowych danych obrazu, co chciałbym robić.

Na przykład dane, które będą używane dla tego samego obrazu w funkcji pliku skrótu php.

Czy ktoś wie, w jaki sposób mogę uzyskać dostęp do tego surowego obrazu przy użyciu javascript, aby uzyskać wartość skrótu, która byłaby równoważna wynikowemu hashowi uzyskanemu z PHP hash_file (plik $)?

Dzięki!

Answer 1

Można uzyskać nieprzetworzone dane obrazu za pomocą żądania XHR do tego położenia pliku obrazu.

var xhr = new XMLHttpRequest(); 
xhr.open('GET', '/my/image/file.png', true); 
xhr.responseType = 'arraybuffer'; // this will accept the response as an ArrayBuffer 
xhr.onload = function(buffer) { 
    var words = new Uint32Array(buffer), 
     hex = ''; 
    for (var i = 0; i < words.length; i++) { 
     hex += words.get(i).toString(16); // this will convert it to a 4byte hex string 
    } 
    console.log(hex); 
}; 
xhr.send(); 

Po tym możesz użyć dowolnego algorytmu mieszającego, który chcesz. Oto ich biblioteka: https://code.google.com/p/crypto-js/