jquery 上传文件 代码

JQuery 是一种方便快捷的 JavaScript 库，被开发者广泛使用。其中，jQuery 上传文件代码是一个制作上传文件功能的常用代码。

$(document).ready(function(){

    // 通过 id 获取上传文件的 DOM 元素
    var fileInput = $('#fileInput');

    // 添加上传文件事件的监听器
    fileInput.on('change', function(e){

        // 获取文件对象
        var file = e.target.files[0];

        // 建立 FormData 对象
        var formData = new FormData();
        formData.append('file', file);

        // 通过 AJAX 提交 formData
        $.ajax({
            url: 'upload.php',
            type: 'POST',
            data: formData,
            processData: false,
            contentType: false,
            success: function(response){
                console.log(response);
            },
            error: function(error){
                console.log(error);
            }
        });
    });
});

以上代码中，我们首先获取上传文件的 DOM 元素，然后添加上传文件事件的监听器。当用户选择文件后，我们获取文件对象并把它添加到 FormData 对象中，然后使用 AJAX 技术将 FormData 对象通过 POST 方法提交到服务器。这样，我们的文件上传功能就完成了。