一尘不染

jQuery错误:太多的递归

ajax

我正在尝试创建一个使用CryptoJS实现客户端加密的文件上传系统。

我遇到的问题是脚本的执行由于Firebug控制台中的以下错误而停止了: too much recursion

我花了半天的时间来解决问题,删除var jqxhr = $.ajax部件可以消除错误,但可以从脚本中删除发布功能。我尝试删除所有加密线,将其分成不同的功能,但似乎无济于事。任何jQuery专业人士都知道出了什么问题?

这是代码:

$("#successmsg").hide();
$("#errormsg").hide();

function randomString(n)
{
    var text = '';
    var possible = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';

    for(var i=0; i < n; i++)
    {
        text += possible.charAt(Math.floor(Math.random() * possible.length));
    }

    return text;
}


$("#upload").submit(function(event) {
    event.preventDefault();

    input = document.getElementById('file');

    if(!input.files[0]) {
        $("#errormsg").html("No file selected.");
        $("#successmsg").hide();
        $("#errormsg").show();
    }

    fr = new FileReader();

    fr.onload = function() {
        var fname = input.files[0].name;
        var fkey = CryptoJS.SHA256(randomString(128));
        var skey = CryptoJS.SHA256(fkey);

        var fdata = CryptoJS.AES.encrypt(fr.result, "TestPassword");

        var jqxhr = $.ajax({
            url: "/api/files/upload",
            type: "POST",
            data: {
                'name': fname,
                'data': fdata,
                'key': skey
            },
            cache: false,
            dataType: 'json',
            processData: false
        });
    }

    fr.readAsText(input.files[0]);
});

这是一个JSFiddle:http :
//jsfiddle.net/wob66Lc0/


阅读 158

收藏
2020-07-26

共1个答案

一尘不染

问题是CryptoJS函数返回的对象不是字符串,因此您必须先对它进行字符串化,然后再尝试发送。

    var jqxhr = $.ajax({
        url: "/api/files/upload",
        type: "POST",
        data: {
            'name': fname,
            'data': fdata.toString(),
            'key': skey.toString()
        }
    });

http://jsfiddle.net/wob66Lc0/1/

加密也适用于不是文本的字节,因此您应该以二进制字符串而不是文本的形式读取文件

fr.readAsBinaryString(input.files[0]);
2020-07-26