jQuery 文件上传，面试高频题目

在使用jQuery进行文件上传时，可以利用$.ajax方法来异步上传文件。以下是一个简单的例子：

HTML部分：

<form id="fileUploadForm" method="post" enctype="multipart/form-data">
    <input type="file" id="fileInput" name="file" />
    <button type="submit" id="uploadButton">上传</button>
</form>

jQuery和JavaScript部分：

$(document).ready(function() {
    $('#fileUploadForm').submit(function(e) {
        e.preventDefault(); // 阻止表单默认提交行为
        var formData = new FormData($(this)[0]); // 创建FormData对象
 
        $.ajax({
            url: 'your-server-upload-script.php', // 服务器上传脚本的URL
            type: 'POST',
            data: formData,
            contentType: false, // 不设置内容类型
            processData: false, // 不处理发送的数据
            success: function(response) {
                console.log('File successfully uploaded: ', response);
            },
            error: function(jqXHR, textStatus, errorThrown) {
                console.log('File upload failed: ', textStatus);
            }
        });
    });
});

在这个例子中，当用户选择文件并点击上传按钮后，表单数据不会被提交到服务器，而是通过$.ajax方法异步上传到服务器。服务器端需要有相应的处理脚本来处理上传的文件。