jquery上传图片

使用jQuery上传图片，你可以通过$.ajax方法发送文件。以下是一个简单的例子：

HTML部分：

<form id="uploadForm">
    <input type="file" name="image" />
    <input type="button" value="上传" id="uploadBtn" />
</form>
<div id="status"></div>

jQuery和JavaScript部分：

$(document).ready(function(){
    $('#uploadBtn').click(function(){
        var formData = new FormData($('#uploadForm')[0]);
 
        $.ajax({
            url: 'your-server-upload-script.php', // 替换为你的上传处理脚本
            type: 'POST',
            data: formData,
            contentType: false,
            processData: false,
            success: function(response){
                $('#status').html('<p>上传成功</p>');
            },
            error: function(){
                $('#status').html('<p>上传失败</p>');
            }
        });
    });
});

在服务器端，你需要一个能处理上传文件的脚本。以下是一个PHP示例：

<?php
if ($_FILES['image']['error'] === UPLOAD_ERR_OK) {
    $tmpName = $_FILES['image']['tmp_name'];
    $name = $_FILES['image']['name'];
    move_uploaded_file($tmpName, "/path/to/your/uploads/$name");
    echo "文件上传成功";
} else {
    echo "文件上传失败";
}
?>

确保替换your-server-upload-script.php为你的实际上传处理脚本路径，并且修改/path/to/your/uploads/为你的服务器上的实际上传文件夹路径。