使用php通过ajax上传文件

使用 PHP 通过 AJAX 上传文件时，需要确保满足以下条件：

前端代码：确保使用了正确的表单和 AJAX 请求。
PHP 代码：确保正确处理了文件上传请求。
服务器配置：确保服务器允许文件上传，且文件大小限制足够大。

以下是一个简单的示例，展示了如何使用 PHP 和 AJAX 上传文件：

前端代码：

<!DOCTYPE html>
<html>
<head>
   <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
    <form id="upload-form" enctype="multipart/form-data">
       <input type="file" name="file" id="file-input">
       <button type="submit">上传文件</button>
    </form>
   <script>
        $('#upload-form').on('submit', function(e) {
            e.preventDefault();
            var formData = new FormData(this);
            $.ajax({
                type: 'POST',
                url: 'upload.php',
                data: formData,
                contentType: false,
                processData: false,
                success: function(response) {
                    console.log(response);
                },
                error: function(jqXHR, textStatus, errorThrown) {
                    console.log(textStatus, errorThrown);
                }
            });
        });
    </script>
</body>
</html>

PHP 代码 (upload.php)：

<?php
$target_dir = "uploads/";
$target_file = $target_dir . basename($_FILES["file"]["name"]);
$uploadOk = 1;
$imageFileType = strtolower(pathinfo($target_file,PATHINFO_EXTENSION));

// Check if image file is a actual image or fake image
if(isset($_POST["submit"])) {
    $check = getimagesize($_FILES["file"]["tmp_name"]);
    if($check !== false) {
        echo "File is an image - " . $check["mime"] . ".";
        $uploadOk = 1;
    } else {
        echo "File is not an image.";
        $uploadOk = 0;
    }
}

// Check if file already exists
if (file_exists($target_file)) {
    echo "Sorry, file already exists.";
    $uploadOk = 0;
}

// Allow certain file formats
if($imageFileType != "jpg" && $imageFileType != "png" && $imageFileType != "jpeg"
&& $imageFileType != "gif" ) {
    echo "Sorry, only JPG, JPEG, PNG & GIF files are allowed.";
    $uploadOk = 0;
}

// Check if $uploadOk is set to 0 by an error
if ($uploadOk == 0) {
    echo "Sorry, your file was not uploaded.";
// if everything is ok, try to upload file
} else {
    if (move_uploaded_file($_FILES["file"]["tmp_name"], $target_file)) {
        echo "The file ". basename( $_FILES["file"]["name"]). " has been uploaded.";
    } else {
        echo "Sorry, there was an error uploading your file.";
    }
}
?>

在这个示例中，我们创建了一个简单的 HTML 表单，允许用户选择文件并提交。当用户提交表单时，我们使用 AJAX 将文件发送到 PHP 脚本 (upload.php)。在 PHP 脚本中，我们检查文件类型、大小等，并将文件保存到服务器上的 "uploads" 目录中。

请注意，这个示例仅用于演示目的，实际生产环境中的文件上传实现可能需要更多的安全措施和错误处理。

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

共28个视频

最新PHP基础常用扩展功能（上）学习猿地

学习猿地

本阶段主要围绕PHP常用扩展功能模块进行细化讲解与实战，通过学习时间模块掌握对时间进行操作并且实战万年历。通过学习正则模块，掌握正则的基本语法以及实现采集程序。通过学习GD2模块，掌握PHP绘图操作，实战图片缩放、验证码等示例，通过学习文件系统模块，掌握文件系统相关函数，实战文件系统项目“在线相册”。

共24个视频

最新PHP基础常用扩展功能（下）学习猿地

学习猿地

共8个视频

新版【NPM】包管理工具学习猿地

学习猿地

课程内容包括了解NPM的应用、安装npm和使用npm工具管理包、了解package.json文件和package.json文件解析，以及模块的基本应用、npm和yarn的对比和迁移。讲师：高洛峰畅销书《细说PHP》作者。

Web前端框架通用技术 npm 1_课程说明学习猿地 Web前端框架通用技术 npm 2_认识一下什么是NPM 学习猿地 Web前端框架通用技术 npm 3_NPM的安装学习猿地查看更多 >>

共30个视频

web前端进阶教程-轻松玩转AJAX技术【动力节点】

动力节点Java培训

传统开发的缺点，是对于浏览器的页面，全部都是全局刷新的体验。如果我们只是想取得或是更新页面中的部分信息那么就必须要应用到局部刷新的技术。局部刷新也是有效提升用户体验的一种非常重要的方式。本课程会通过对ajax的传统使用方式，结合json操作的方式，结合跨域等高级技术的方式，对ajax做一个全面的讲解。

AJAX教程-01-全局刷新和局部刷新【动力节点】AJAX教程-02-两种刷新方式对比 AJAX教程-03-异步对象查看更多 >>

共50个视频

动力节点-【CRM客户管理系统】SSM框架项目实战教程-1

动力节点Java培训

这套教程是动力节点最新录制的CRM项目，课程主要针对核心的客户关系管理业务功能进行实现，让你能够深层掌握主流SSM框架、Linux操作系统下部署项目、数据库设计原则和技巧、数据如何通过图表在页面展示、Java对excel文件的处理，学会使用项目管理工具Maven、版本控制工具Git，以及缓存在项目中的运用熟悉前端开发技术及常见的特效等。通过课程可以了解项目开发流程及项目开发各阶段主要文档及产出物

动力节点SSM框架项目【CRM客户管理系统】实战实战教程-001 动力节点SSM框架项目【CRM客户管理系统】实战实战教程-002 动力节点SSM框架项目【CRM客户管理系统】实战实战教程-003 查看更多 >>

共50个视频

动力节点-【CRM客户管理系统】SSM框架项目实战教程-2

动力节点Java培训

动力节点SSM框架项目【CRM客户管理系统】实战实战教程-051 动力节点SSM框架项目【CRM客户管理系统】实战实战教程-052 动力节点SSM框架项目【CRM客户管理系统】实战实战教程-053 查看更多 >>

共50个视频

动力节点-【CRM客户管理系统】SSM框架项目实战教程-3

动力节点Java培训

动力节点SSM框架项目【CRM客户管理系统】实战实战教程-101 动力节点SSM框架项目【CRM客户管理系统】实战实战教程-102 动力节点SSM框架项目【CRM客户管理系统】实战实战教程-103 查看更多 >>

共18个视频

动力节点-【CRM客户管理系统】SSM框架项目实战教程-4

动力节点Java培训