PHP 文件上传 例子

在PHP编程中，文件上传是一项常见的功能，广泛应用于各种Web应用程序，如图片分享、文档共享等。本示例将深入探讨如何使用PHP实现文件上传，同时结合jQuery进行前端交互，以提供更好的用户体验。 我们需要了解PHP文件上传的基础知识。在PHP中，文件上传主要依赖于`<form>`标签中的`enctype`属性设置为`multipart/form-data`，以及`<input>`类型的`type`属性设置为`file`，让用户能够选择本地文件。例如： ```html <form action="upload.php" method="post" enctype="multipart/form-data"> <input type="file" name="fileToUpload" id="fileToUpload"> <input type="submit" value="Upload File" name="submit"> </form> ``` 在后端，PHP通过`$_FILES`全局数组来接收上传的文件信息。`$_FILES`数组包含`name`（文件名）、`type`（文件类型）、`size`（文件大小）、`tmp_name`（临时文件路径）和`error`（错误代码）等键值对。例如，我们可以在`upload.php`中处理上传： ```php if(isset($_POST['submit'])) { $target_dir = "uploads/"; $target_file = $target_dir . basename($_FILES["fileToUpload"]["name"]); $uploadOk = 1; // 检查文件是否已存在 if (file_exists($target_file)) { echo "文件已存在。"; $uploadOk = 0; } // 检查文件大小 if ($_FILES["fileToUpload"]["size"] > 500000) { echo "文件过大。"; $uploadOk = 0; } // 允许的文件类型 $allowed_file_types = array("jpg", "jpeg", "png", "gif"); $file_type = strtolower(pathinfo($target_file,PATHINFO_EXTENSION)); if (!in_array($file_type, $allowed_file_types)) { echo "只允许上传 .jpg, .jpeg, .png 或 .gif 文件。"; $uploadOk = 0; } // 尝试上传文件 if ($uploadOk == 0) { echo "文件未上传。"; } else { if (move_uploaded_file($_FILES["fileToUpload"]["tmp_name"], $target_file)) { echo "文件 ". htmlspecialchars( basename( $_FILES["fileToUpload"]["name"])). " 已成功上传。"; } else { echo "文件上传失败。"; } } } ``` 在这个例子中，我们检查了文件是否存在、大小是否超出限制以及文件类型是否允许。如果所有条件都满足，我们将文件移动到服务器的指定目录。 现在，结合jQuery，我们可以改进前端交互，例如添加实时的文件验证和进度条显示。使用jQuery的`change`事件监听文件选择，并使用AJAX异步上传文件，这样可以避免页面刷新，提高用户体验。以下是一个简单的jQuery示例： ```javascript $(document).ready(function() { $("#fileToUpload").change(function() { var formData = new FormData($("#uploadForm")[0]); $.ajax({ url: 'upload.php', type: 'POST', data: formData, async: false, cache: false, contentType: false, processData: false, xhr: function() { var xhr = new window.XMLHttpRequest(); xhr.upload.addEventListener('progress', function(e) { if (e.lengthComputable) { var percentComplete = Math.round((e.loaded / e.total) * 100); console.log(percentComplete + '% uploaded'); } }); return xhr; }, success: function(response) { alert(response); }, error: function(jqXHR, textStatus, errorThrown) { alert('Error: ' + textStatus + ', ' + errorThrown); } }); }); }); ``` 这段代码会在文件选择时触发AJAX请求，通过`FormData`对象封装表单数据，然后在上传过程中通过`xhr.upload.progress`事件监听进度，并在成功或失败时给出反馈。 请注意，为了实现以上功能，需要确保服务器环境支持PHP和jQuery，并正确配置了文件上传的相关权限。在实际应用中，还应考虑其他安全措施，如防止文件覆盖、注入攻击等。 本示例展示了如何使用PHP和jQuery实现一个基本的文件上传功能，包括前端的文件选择、后端的文件处理以及使用AJAX进行无刷新上传。这只是一个起点，实际开发中可能需要根据具体需求进行更复杂的定制和优化。