Hashing un'immagine in Javascript

Question

Attualmente sto provando a cancellare un'immagine dal mio browser usando javascript. Tuttavia, ho eseguito il hashing di una stringa del dataURL o dei dati di pixel che ho recuperato dall'elemento canvas in HTML. Questo ovviamente non è lo stesso di hashing dei dati grezzi dell'immagine, che è quello che vorrei fare.

Ad esempio i dati che verrebbero utilizzati per la stessa immagine nella funzione di file hash php.

Qualcuno sa come posso accedere a questi dati di immagine grezza utilizzando javascript per ottenere un valore hash che sarebbe equivalente all'hash risultato ottenuto da PHP hash_file ($ file)?

Grazie!

Answer 1

È possibile ottenere i dati grezzi di un'immagine con una richiesta XHR a quella posizione del file di immagine.

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(); 

Successivamente, è possibile utilizzare qualsiasi algoritmo di hashing che si desidera. Ecco una libreria di loro: https://code.google.com/p/crypto-js/