javascript - 如何调用 $.post 并设置内容类型 Multipart/form-data 数据

Question

我的 JSP 页面中有一个 java 脚本函数

    function submitProductCategoryForm()
    {
        document.getElementById('isSave').value="1";
        var elements=document.getElementById('addProductCategoryFrom').elements;
        var url = "addProductCategory.jsp?";
       for (var i = 0; i < elements.length; i++)
          url += elements[i].id + "=" + encodeURIComponent($("#" + elements[i].id).val()) + "&";
       $.post(url, function(data)
       {
            alert("Function Complete");
       }); 
   }

它调用一个jsp页面，在这里我将数据保存在数据库中。

现在在这个表单上有一个文件输入也在那里，所以必须将内容类型设置为multipart/form-data

但是当我调用这个函数时，我发现了错误

java.io.IOException：发布的内容类型不是 multipart/form-data

我的表格是这样的

<form action="addProductCategory.jsp" method="post" enctype="multipart/form-data" id="addProductCategoryFrom">

所以请我如何将内容类型设置为多部分。

提前致谢

Answer 1

我使用了 FormData 对象，它似乎可以满足您的要求，请检查我的问题/解决方案https://stackoverflow.com/a/21191491/995514

$("#theForm").submit(function(e){
    e.preventDefault();
    var theForm = new FormData($(this)[0]);
    $.ajax({
        url: '.../rest/save',
        type: 'POST',
        data: theForm,
        cache, false,
        contentType: false,
        processData: false
    });
    return false;
});