Geek asks and answers

Javascript image hashing

I am currently trying to display an image from my browser using javascript. However, I haveh the string dataURL or the pixel data that I extracted from the canvas element in the HTML. This is obviously not the same as hashing raw image data, which I would like to do.

For example, the data that will be used for the same image in the file function of the hash file of the php file.

Does anyone know how I can access this raw image data using javascript to get a hash value that will be equivalent to the hash of the result I get from PHP hash_file ($ file)?

Thank!

+5
source share
1 answer

XHR .

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

. : https://code.google.com/p/crypto-js/

+5

More articles:


All Articles