ajax中的多文件上传

对于文件的提交我们需要对$.ajax进行一些特殊的设置，并且使用FormData的对象。

      <input type="file" name="f" id="f" multiple>

var fd = new FormData();
        fd.append("name", "bill");
        fd.append("photo", $('#f')[0].files[0]);
        fd.append("photo2", $('#f')[0].files[1]);
        $.ajax({
            url: '/webform1.aspx',
            type: 'post',
            processData: false,
            contentType: false,
            data: fd,
            success: function () {
                alert("ok")
            }
        })

 

我们创建一个fd对象并向其中添加键值对，这个值可以是一个文件。$('#f')[0]是取出id=f的元素，至于为什么是[0]，这是因为jquery对象都有一个默认为0的索引用来取出其Dom元素，$('f')是一个jquery对象，[0]为Dom元素 可以用dom的所有属性和方法。然后使用files来取出文件。这里我使用了files[0]和files[1]，这是multiple可以上传多个文件我这里上传了两个。

然后服务器就可以接收文件了，和表单一样的接收方法。