ajax提交图片时报错 Illegal invocation

Question

最近在学习django，目前想要实现一个无需刷新页面就可以上传头像的功能。前端上传图片裁剪使用的是cropper插件，然后转换成blob通过ajax方法上传。但是上传时会报错Illegal invocation，我通过查询网上的解决方法添加了processData和contentType，但是不起作用。ajax上传部分代码如下，希望大神们能给予指导。

$("#image").cropper('getCroppedCanvas').toBlob(function(blob){
        var formdata = new FormData();
        formdata.append('files',blob,'test_name');

        $.ajax( {
            url:url,
            type: "POST",
            data: formdata,
            processData:false,
            contentType: false,

            success: function(){
                // do something
            },
            error: function(){
                // do something
            }
        }) 
     });