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

时间:2012-05-24 04:40:16

标签: javascript jquery java-ee post multipartform-data

我在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页面,在这里我将数据保存在DB中。

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

但是当我调用此函数时,我发现错误

  

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

我的表格就像这样

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

所以请问我如何将内容类型设置为multipart。

提前致谢

1 个答案:

答案 0 :(得分:0)

我使用了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;
});