为什么表单数据出错

why is FormData erroring

本文关键字：出错 数据 表单 为什么      更新时间：2023-09-26

我正在尝试使用 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）

其他评论指出，您可以只使用.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){
相关文章：