jquery 上传文件 多选

JQuery是一种快速而简单的JavaScript库，它简化了HTML文档遍历，事件处理，动画效果等等。其中，JQuery上传文件功能的实现，可以让用户轻松地上传多个文件。

下面是一个简单的jQuery上传多个文件的示例：

    <form id="uploadForm">
        <input type="file" id="fileInput" name="fileInput[]" multiple />
        <button id="btnUpload">上传文件</button>
    </form>

在上面的示例中，我们使用了HTML文件上传控件并且设置了multiple属性。将该控件包含在
标签中，并将上传按钮嵌入其中。


接下来，使用以下jQuery代码来捕获选择的文件、创建FormData对象等：

    $(function() {
        $('#btnUpload').click(function() {
            var form = $('#uploadForm')[0];
            var formData = new FormData(form);
            $.ajax({
                url: '/upload',
                type: 'POST',
                data: formData,
                processData: false,
                contentType: false,
                success: function(data) {
                    alert('文件上传成功!');
                },
                error: function(err) {
                    alert('上传失败：' + err.statusText);
                }
            });
        });
    });


这个代码片段中，我们首先获取了上传表单，并将其转换成FormData对象。同时，我们使用$.ajax()函数来将该数据发送到服务器。

这个示例中，我们还配置了两个选项：processData和contentType。如果这些选项没有配置正确，文件上传可能会失败。

最后，在$.ajax()函数的回调中，我们对成功和失败的情况进行了区分，并给用户相应的提示。

综上所述，jQuery上传文件功能的实现，让我们可以更加方便地上传多个文件。我们可以通过选择多个文件，使用少量的代码上传到服务器。这是非常有用的，尤其是当需要向服务器发送多个文件时。