使用文件上传jQuery插件在Ajax调用中上传多个文件

时间:2012-08-09 15:28:24

标签: jquery jquery-plugins file-upload

我知道使用常规Ajax调用上传文件是不可能的,所以我想使用jQuery文件上传插件来模拟该过程。我有一个表单,允许用户输入一个项目的数据,该项目有3个文件输入名为male_image,female_image和neutral_image。我想在我的Ajax调用的成功回调中上传所有3个输入中的文件。

$.ajax({
      type: "POST",
      url: "/manage/processadditem",
      data:  $("#add_form").serialize(),
      dataType: "html",
      success: function( response, textStatus, XHR )
      {
        if(response.indexOf('invalid') >= 0 || response.indexOf('Exception') >= 0){
            //Show them their errors
            alert(response);
        }
        else{
            //Data was good
            //Upload male_/female_/neutral_image to /manage/items/itemimage
            //for further processing
        }

      }
    });

我已经在背面设置了代码来处理图像,我只需要将它们放在那里。我找到的所有多个文件输入插件似乎都处理从单个输入发送多个文件。如何通过单个文件从多个文件输入发送,以便我可以在后端区分它们?

1 个答案:

答案 0 :(得分:2)

您可以使用此jquery upload并上传多个文件,示例非常简单