如何上传文件ajax

时间:2015-04-27 20:19:52

标签: javascript jquery ajax file-upload

我在使用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:非法调用

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

0 个答案:

没有答案