File uploading directly from client to backlaze bucket using Uppy Js

Question

I tried three different methods to get checksum of a same file.

1- using crypto-js (with CryptoJS.SHA1(event.target.result))

2- using sha1.min.js (with sha1(event.target.result)

3- using crypto (with crypto.subtle.digest('SHA-1', fileUint8))

Each one produces different sha1 value for same file, I don't know why. However, sha1(event.target.result) created same checksum as produced by online sha1 calculator. I tried all values one by one in uploading but request is failed with message 'Checksum did not match data received' If i assume that one of sha1 value is correct, then it means there is something wrong in Uppy Uploading and the file contents are not pushed properly to bucket so error message appears in response.

.....

Here is the code sample to get sha-1.

    function digestFile(file) {
       var reader = new FileReader();

       reader.onloadend = function (event) {
           if (event.target.readyState == FileReader.DONE) {
               var file_sha1 = CryptoJS.SHA1(event.target.result); // first method
               var file_sha2 = sha1(event.target.result); // second method
       };
       reader.readAsArrayBuffer(file.data);
   }

third method is here

   async function digestMessage1(file) {
       const fileUint8 = new TextEncoder().encode(file);  
       const hashBuffer = await crypto.subtle.digest('SHA-1', fileUint8);
       const hashArray = Array.from(new Uint8Array(hashBuffer));
       const hashHex = hashArray.map((b) => b.toString(16).padStart(2, '0')).join('');
       return hashHex;
   }


   function digestFile(file) {
       var reader = new FileReader();

       reader.onloadend = function (event) {
           if (event.target.readyState == FileReader.DONE) {
               digestMessage1(event.target.result)
                   .then((digestHex) => console.log(digestHex));
       };
       reader.readAsArrayBuffer(file.data);
   }

..

Here is the Uppy JS code.

   let data = this.el.dataset;

   var uppy = new UppyLib({
    autoProceed: true,
    allowMultipleUploadBatches: true,
    restrictions: { allowedFileTypes: ['image/*', '.jpg', '.jpeg', '.png', '.gif'] }
    })

    uppy.use(Uppy.Dashboard, { target: '#drag-drop-area', inline: true, width: 750, height: 550})

    uppy.use(AwsS3, {
        getUploadParameters(file) {
            return fetch('/assets/new', {
                method: 'GET',
                headers: { accept: 'application/json', 'content-type': 'application/json' }
            }).then((response) => {

                return response.json()
            }).then((data) => {                
                 return {
                    method: 'POST',
                    url: `${data.url}`,
                    fields: [],
                    headers: {
                        "Content-Type": "b2/x-auto",
                        "Authorization": `${data.token}`,
                        "X-Bz-File-Name": `assets/${Date.now()}-${encodeURI(file.name)}`,
                        "X-Bz-Content-Sha1": "94d2ff39a524e0cf20f3bd6cf909c426"
                    },
                }
            })
        }
    })}