为什么FormData出错

Question

我正在尝试使用ajax和FormData上传图像

我的HTML看起来像:

<form id="profile-photo-form">
    <input type="file" id="profile-photo-choose" name="photo_path" accept="image/*">
</form>

和js函数调用文件选择器的更改:

var form_data = new FormData($('#profile-photo-form')[0]);

$.ajax({
    type: 'POST',
    url: api_url,
    data:form_data,
    headers:{
        'X-CVL-Auth': cookie
    },
    success: function(result){

但我得到一个javascript错误:

TypeError: Can only call DOMFormData.append on instances of DOMFormData

这是在ios上加载的html应用程序(phonegap)

Answer 1

其他评论指出,您可以使用.serialize(),但是,这不适用于包含图像的任何字段.

使用相同的方法,简单地添加另一个设置processData: false来阻止JS尝试查看您的数据,而只是提交它作为哈希返回的所有内容.

我没有测试过每个案例,但是这个应该以与没有AJAX提交时完全相同的格式提交数据.

var form_data = new FormData($('#profile-photo-form')[0]);

$.ajax({
    type: 'POST',
    url: api_url,
    data:form_data,
    processData: false, // add this here
    headers:{
        'X-CVL-Auth': cookie
    },
    success: function(result){