将CryptoJS的CryptoMD5状态保存为字符串并稍后恢复

时间:2013-05-24 16:06:36

标签: javascript cryptojs

我在上传过程中逐渐计算大文件的MD5哈希值,然后在某些时候我想保存到目前为止我计算的HTML5 localStorage,以便稍后恢复。

据我所知,localStorage可以存储字符串,因此我必须将渐进式MD5值存储为字符串,然后在用户稍后打开浏览器时将其还原。

基本上我的代码如下所示:

var md5_full = CryptoJS.algo.MD5.create();

var wordArray = CryptoJS.lib.WordArray.create(chunk);

md5_full.update(wordArray);

此时,我想将md5_full转换为字符串,以便能够保存到localStorage。然后,稍后,当用户想要恢复上传时,能够从md5_full检索localStorage,取消识别,并继续使用块进行更新。

最后,我应该可以调用md5_full.finalize();来获取最终的完整MD5哈希摘要。

1 个答案:

答案 0 :(得分:4)

我认为问题可能在于函数序列化--CryoJS显然会尝试序列化函数,但它可能无法正确恢复引用(范围丢失)。

下面的代码通过仅恢复数据而不是函数来解决此问题。 JSFiddle

(De)序列化函数:

/** Serialize MD5 object. */
function stringify_md5(md5) {
    return JSON.stringify(md5);
}

/** Deserialize MD5 object. */
function parse_md5(serialized_md5) {
    var md5 = CryptoJS.algo.MD5.create();
    restore_data(JSON.parse(serialized_md5), md5);
    return md5;    
}

/** Recursively copy properties from object source to object target. */
function restore_data(source, target) {
    for (var prop in source) {
        var value = source[prop];
        if (typeof value == "object") {
            if (typeof target[prop] != "object") {
                target[prop] = {};
            }
            restore_data(source[prop], target[prop]);
        } else {
            target[prop] = source[prop];
        }
    }
}

使用示例:

var chunk1 = "abc", chunk2 = "def";

// The correct hash:
var md5_full_1 = CryptoJS.algo.MD5.create();
md5_full_1.update(chunk1);
md5_full_1.update(chunk2);
var correct_hash = md5_full_1.finalize();

// Using stringify/parse
var md5_full_2 = CryptoJS.algo.MD5.create();
md5_full_2.update(chunk1);
var md5_serialized = stringify_md5(md5_full_2); // serialize
md5_full_2 = parse_md5(md5_serialized);  // deserialize
md5_full_2.update(chunk2);
var result_hash = md5_full_2.finalize();

alert(correct_hash.toString() == result_hash.toString()); // true

使用WordArray出于某种原因在CryptoJS中抛出了一个错误