The comparison between the shasum output of the SHELL program and the crypto results from the JS library are revealing discrepancies

Question

The comparison between the shasum output of the SHELL program and the crypto results from the JS library are revealing discrepancies

I have successfully obtained the following result using Unix:

shasum -a 256 test.jpg
df94ac3fd72415827f345b5fa22761f57d87e99c25d5345d2e8e9f6c91ef34a3  test.jpg

However, I am facing issues with getting the same result in Javascript using crypto-browserify. Here are the results I am getting:

img.onload = function(e) {
    console.log(crypto.createHash('sha256').update(e.path[0]).digest('hex'));
    console.log(crypto.createHash('sha256').update(e.path).digest('hex'));
    console.log(crypto.createHash('sha256').update(e.path[0].src).digest('hex'));
    console.log(crypto.createHash('sha256').update(e).digest('hex'));
}

The results returned are:

da5698be17b9b46962335799779fbeca8ce5d491c0e26243bafef9ea1837a9d8
6e340b9cffb37a989ca54ee6bb780a2c78901d3fb33738768511a30617afa01d
7ce85f64d69c7a8865413deaff3d65ca0272dfbe74ad9bc07s5e28679243cb69
da5698be17b9b46962335799779fbeca8ce5d491csd26243bafef9ea1837a9d8

I am unable to achieve the desired

df94ac3fd72415827f345b5fa22761f57d87e99c25d5345d2e8e9f6c91ef34a3

as seen in the Unix command line using shasum. Can someone provide guidance on how to obtain the correct sha value?

javascript hash browserify sha256 cryptojs

Answer 1

Answer №1

After much trial and error, this is the solution that worked for me:

    const request = new XMLHttpRequest();
    request.open("GET", "../test.jpg", true);
    request.responseType = "arraybuffer";
    request.onload = function (event) {
        const arrayBuffer = request.response;
        if (arrayBuffer) {
            const byteArray = new Uint8Array(arrayBuffer);
            console.log(crypto.createHash('sha256').update(byteArray).digest('hex'));
        }
    };
    request.send(null);

Appreciate the help, Keith.

Answer 2

After much trial and error, this is the solution that worked for me:

    const request = new XMLHttpRequest();
    request.open("GET", "../test.jpg", true);
    request.responseType = "arraybuffer";
    request.onload = function (event) {
        const arrayBuffer = request.response;
        if (arrayBuffer) {
            const byteArray = new Uint8Array(arrayBuffer);
            console.log(crypto.createHash('sha256').update(byteArray).digest('hex'));
        }
    };
    request.send(null);

Appreciate the help, Keith.

The comparison between the shasum output of the SHELL program and the crypto results from the JS library are revealing discrepancies

Answer №1

Similar questions

Website search bar - easily find what you're looking for

What is the best way to initiate a background process upon the startup of a Windows WinRT/C# device or application?

Finding a specific element within a Node.js application requires pinpointing and isolating

What is an alternative method for registering a click on a button without using the onclick event?

Is it possible to conduct a feature test to verify the limitations of HTML5 audio on

Ways to efficiently add numerous string elements to an array in JavaScript without encountering any errors

Transforming a detailed JSON structure into a more simplified format with Angular 2

How can I verify if a date is after the current date using Node.js?

How can I change an array to a string in JavaScript/jQuery and add a specific

Arrange a collection of words in alphabetical order based on word importance

Tips for merging time-series datasets with varying time intervals into one visual representation using Google Earth Engine

"Using Bootstrap's toast feature repositions every element on the

Issue: Unable to change onclick event using JavaScript I am facing a

Tips on streamlining the deployment process for a basic Vue WebApp without the need for a server (e.g. setting up a straightforward build chain with Vue

Switching a material-ui input control instead of a textfield for materials-ui-datepicker: the ultimate guide

What is the best way to showcase a table below a form containing multiple inputs using JavaScript?

Numerous JavaScript functions seamlessly integrated into HTML

Angular 4 is displaying an error message indicating that the expression has been modified after being initially verified

The Google Chart is failing to show up on the screen

What is the best way to retrieve the Axios response using Express?