jQuery.AjaxFileUpload.js：简单易用的文件上传插件

jQuery.AjaxFileUpload.js 是一个基于 jQuery 的插件，用于通过 AJAX 方式上传文件。以下是使用该插件进行文件上传的基本示例：

首先，确保在页面中包含了 jQuery 和 jQuery.AjaxFileUpload.js 文件：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="path/to/jQuery.AjaxFileUpload.js"></script>

然后，在 HTML 中添加一个文件上传的 input 元素：

<input type="file" id="fileupload" name="fileupload" />

接下来，使用 JavaScript 代码来初始化文件上传：

$(document).ready(function() {
    $('#fileupload').AjaxFileUpload({
        action: 'upload.php', // 服务器端接收和处理文件上传的脚本地址
        onComplete: function(response) {
            // 上传完成后的回调函数
            console.log(response); // 服务器响应内容
        }
    });
});

服务器端 (upload.php) 需要处理文件上传，以下是一个简单的 PHP 示例：

<?php
if (isset($_FILES['file_upload']) && $_FILES['file_upload']['size'] > 0) {
    $tempFile = $_FILES['file_upload']['tmp_name'];
    $targetPath = $_SERVER['DOCUMENT_ROOT'] . '/uploads/';
    $targetFile = $targetPath . basename($_FILES['file_upload']['name']);
 
    move_uploaded_file($tempFile, $targetFile);
    echo "文件上传成功";
} else {
    echo "文件上传失败";
}
?>

确保服务器上的目标目录 (/uploads/) 存在并且有写权限。这样就构成了一个完整的文件上传流程。