Hacher une image en Javascript

Question

J'ai actuellement essayé de hacher une image de mon navigateur en utilisant javascript. Cependant, j'ai haché une chaîne de dataURL ou les données de pixels que j'ai récupérées de l'élément canvas en HTML. Ce n'est évidemment pas la même chose que de hacher les données brutes de l'image, ce que je voudrais faire.

Par exemple les données qui seraient utilisées pour la même image dans la fonction de fichier de hachage php.

Est-ce que quelqu'un sait comment je peux accéder à ces données d'image brutes en utilisant javascript pour obtenir une valeur de hachage qui serait équivalente au résultat obtenu par hash_file PHP ($ file)?

Merci!

Answer 1

Vous pouvez obtenir les données brutes d'une image avec une demande XHR à cet emplacement de fichier image.

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

Ensuite, vous pouvez utiliser n'importe quel algorithme de hachage que vous souhaitez. Voici une bibliothèque d'entre eux: https://code.google.com/p/crypto-js/