jQuery实现文件上传

使用jQuery实现文件上传，你可以创建一个表单，并使用$.ajax方法发送文件。以下是一个简单的例子：

HTML:

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

JavaScript (使用jQuery):

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

后端 (PHP) 示例 (your-upload-script.php):

<?php
if ($_FILES['file']['error'] === UPLOAD_ERR_OK) {
    $tmpName = $_FILES['file']['tmp_name'];
    $name = $_FILES['file']['name'];
 
    // 移动文件到你的服务器上的目标位置
    move_uploaded_file($tmpName, '/path/to/your/uploads/' . $name);
 
    echo "文件上传成功";
} else {
    echo "文件上传发生错误";
}
?>

确保你的服务器配置允许通过PHP上传文件，并且后端脚本有相应的文件上传权限。