자바 스크립트로 이미지 해싱

Question

자바 스크립트를 사용하여 브라우저에서 이미지를 해시하려고합니다. 그러나 HTML의 canvas 요소에서 가져온 dataURL 또는 픽셀 데이터의 문자열을 해싱했습니다. 이것은 분명히 내가 원했던 이미지의 원시 데이터를 해싱하는 것과 동일하지 않습니다.

예를 들어, PHP 해시 파일 기능에서 동일한 이미지에 사용되는 데이터.

누구나 자바 스크립트를 사용하여이 원시 이미지 데이터에 액세스하여 어떻게 PHP 해시 파일 ($ 파일)에서 얻은 결과 해시와 동일한 해시 값을 얻을 수 있는지 알 수 있습니까?

감사합니다.

Answer 1

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/