![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
天蓬老师Correction status：qualified
Teacher's comments：写得不错, 看来你对js很感兴趣
Collection
Collection
上传文件步骤:
index.php代码：
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>文件上传</title></head><body><form action="upload.php" method="post" enctype="multipart/form-data"><h3>图片上传</h3><input type="file" name="image"><button>上传</button></form></body></html>
upload.php代码：
<?php// 1、判断是否有选择图片if (!isset($_FILES['image']) || empty($_FILES['image']['name'])) {echo '<script>alert("请选择图片");location.assign("index.php")</script>';exit;}// 2、设置所有参数$files = $_FILES['image'];$fileName = $files['name'];$tempFile = $files['tmp_name'];$fileSize = $files['size'];$errorCode = $files['error'];$fileType = ['jpg', 'jpeg', 'png', 'gif'];$uploads = 'uploads';// 3、判断图片是否上传成功if ($errorCode > 0) {switch ($errorCode) {case 1:die('上传文件超过了配置文件：upload_max_filesize 限制的最大值');case 2:die('上传文件的大小超过了 HTML 表单中 MAX_FILE_SIZE 选项指定的值');case 3:die('文件只有部分被上传');case 4:die('没有文件被上传');case 6:die('找不到临时文件');case 7:die('文件写入失败');default:die('未知错误');}}// 4、判断文件是否是被允许上传的类型$extension = explode('.', $fileName)[1];if (!in_array($extension, $fileType)) {echo "<script>alert('不允许上传该类型文件');history.go(-1);</script>";exit();}// 5、判断文件大小是否超过设置的最大上传限制$allowSize = 1024*1024*2;if ($fileSize > $allowSize){echo "<script>alert('文件大小不能超过2M');history.go(-1);</script>";exit();}// 6、检测存放图片的文件是否存在if (!file_exists($uploads)) {mkdir($uploads);}// 7、设置新文件名，避免文件重名$newFile = date('YmdHis', time()) . md5(mt_rand(10, 100)) . '.' . $extension;$path = __DIR__ . DIRECTORY_SEPARATOR . $uploads . DIRECTORY_SEPARATOR . $newFile;// 8、判断文件是否上传成功，并将文件从临时路径移动到磁盘if (is_uploaded_file($tempFile)){if (move_uploaded_file($tempFile, $path)){echo '<script>alert("文件上传成功！");history.back();</script>';}else{die('文件无法移动到指定目录,请检查目录权限');}}else{die('非法操作');}
代码效果：
课程总结：
history.go(-1)表示后退，history.go(-1)表示后退+刷新THE END !
