jQuery+ajax 上传文件input file类型（单图或多图）实现formData 传值到后台

使用jQuery和ajax上传文件，可以通过FormData对象来构建一个可以发送二进制文件的数据集。以下是一个简单的例子，展示了如何使用jQuery和ajax上传单个或多个图片文件到后端。

HTML部分：

<form id="uploadForm">
    <input type="file" name="file" multiple />
    <button type="submit">上传</button>
</form>

JavaScript部分（使用jQuery和ajax）：

$(document).ready(function() {
    $('#uploadForm').on('submit', function(e) {
        e.preventDefault(); // 阻止表单默认提交行为
        var formData = new FormData($(this)[0]); // 创建FormData对象
 
        $.ajax({
            url: 'your-server-endpoint', // 后端处理上传文件的URL
            type: 'POST',
            data: formData,
            contentType: false, // 不设置内容类型
            processData: false, // 不处理发送的数据
            success: function(response) {
                console.log('上传成功:', response);
            },
            error: function() {
                console.log('上传失败');
            }
        });
    });
});

确保后端接收文件的方式能够处理multipart/form-data类型的数据，并且对应的接收文件的字段（这里是file）能够接收多个文件。如果使用的是PHP作为后端语言，可以通过$_FILES['file']来接收上传的文件。