在post ajax请求中提交画布图像

Question

我有一个包含一些画布图像和其他表单元素的表单 我需要在一个ajax post请求中一起提交这些数据。 不幸的是，我收到了这个错误： 未捕获的TypeError：非法调用

$sheet_items_div.on('submit','form',function(event){
    event.preventDefault();
    $form=$(this);
    var url = $form.attr('action');
    var fd = new FormData();
    $form.find('canvas').each(function(idx,el){
        datauri=$(el).data('sketch').download('image/png');
        file=dataURItoBlob(datauri); //custom function
        fd[el.id]=file;
    });
    $.each($form.serializeArray(),function(idx,el){ // to append non canvas elements
        fd[el.name]=el.value;
    });
    debugger;
    $.post(url,fd,function(responce){
        //...
    });
});