tìm nạp tài nguyên, băm tính toán, lời hứa trả lại

Question

Tôi muốn sử dụng Fetch API trong tiện ích mở rộng trình duyệt để tải xuống tài nguyên và tính toán băm của tài nguyên đó. Các công trình sau đây (sử dụng crypto qua Browserify)

fetch(url).then(function(response) { 
    return response.blob(); 
}).then(function(data) { 
    var a = new FileReader(); 
    a.readAsBinaryString(data); 
    a.onloadend = function() { 
    var hash = crypto.createHash(hashType); 
    hash.update(a.result, 'binary'); 
    return hash.digest('hex'); 
    }; 
}) 

nhưng có những bất lợi mà tôi phải chờ a.onloadend trong khi bối cảnh trong đó tôi muốn nhúng nó đòi hỏi một Promise để được trả lại. Ngoài ra, có vẻ như khá lạ khi lần đầu tiên tìm nạp toàn bộ đốm màu, sau đó đọc nó vào một số FileReader chỉ để đổ nó vào createHash sau đó.

Bất kỳ gợi ý?

Answer 1

crypto hash.update method cũng có bộ đệm, vì vậy không cần phải đi vòng qua FileReader. Chỉ cần làm

fetch(url).then(function(response) { 
    return response.arrayBuffer(); 
}).then(function(arrayBuffer) { 
    var buffer = require('buffer')(new Uint8Array(arrayBuffer)); 
    var hash = require('crypto').createHash(hashType); 
    hash.update(buffer, 'binary'); 
    return hash.digest('hex'); 
}) 

Nếu điều đó không làm việc, bạn có thể easily promisify một FileReader:

function getResult(reader) { 
    return new Promise(function(resolve, reject) { 
     reader.onload = function() { 
      resolve(this.result); 
     }; 
     reader.onerror = reader.onabort = reject; 
    }); 
} 

và sử dụng nó như thế này:

fetch(url).then(function(response) { 
    return response.blob(); 
}).then(function(data) { 
    var a = new FileReader(); 
    a.readAsBinaryString(data); 
    return getResult(a); 
}).then(function(result) { 
    var hash = crypto.createHash(hashType); 
    hash.update(result, 'binary'); 
    return hash.digest('hex'); 
}) 

Answer 2

Tôi nghĩ rằng những gì bạn đang yêu cầu ở đây là hứa hẹn chuỗi. Bạn có thể tạo lời hứa bên trong trình xử lý then và trả lại lời hứa đó.

var yaypromise = fetch(url).then(function(response) { 
    return response.blob(); 
}).then(function(data) { 
    return new Promise(function(resolve, reject){ 
     var a = new FileReader(); 
     a.readAsBinaryString(data); 
     a.onloadend = function() { 
     var hash = crypto.createHash(hashType); 
     hash.update(a.result, 'binary'); 
     resolve(hash.digest('hex')); 
     }; 
    }); 
}) 

Và sau đó yaypromise có lẽ là lời hứa bạn đang tìm kiếm. Nó sẽ giải quyết với hash.digest('hex')