如何上传文件ajax

Question

我在使用Ajax帖子上传文件时遇到了一些问题。 我有一个带有几个输入的表单（复选框，文本和文件）。

<form>
<input name="name" type="text">    
<input name="file" type="file" multiple>
<input type="submit" id="submit">
</form>

我有一个从表单中检索数据的函数：

function collectFormData(){
        return {
            "event": $('#daEvent').find('input:checked').next().text(),
            "likes": $('#daLike').find('input:checked').next().text(),
            "figure": $('#daFigure').find('input:checked').next().text(),
            "age": $('#daAgeText').val(),
            "email": $('#daEmail').val(),
            "extraText": $('#daFreeText').find('textarea').val(),
            "files": $('#daUploadPhotos').find('input').get(0).files[0]
        };
    }

它传递给：

var dataFromPage = collectFormData();

这是我的帖子：

$.post('http://localhost:3000', dataFromPage, function(data){
        if (data == "done"){
            alert('works');
        } else {
            alert('damn, something wrong');
        }
    });

我收到此错误 -

  

未捕获的TypeError：非法调用

我已经找了一段时间的解决方案，但找不到任何相关的答案。 你能帮帮我吗？ 谢谢！