文件上传后端处理页面

最近想搭建一个完整的网站,加深理解,困难重重啊,遇到很多问题

前端:非常原始的代码,没有用任何框架

html 复制代码
<form method="post" enctype="multipart/form-data" action="upfile.php">
    <label for="file">选择要上传的文件</label>
    <input type="file" id="file" name="file" multiple />
    <button>提交</button>
  </form>

后端:这里用php演示,Java的感觉有些复杂,个人用apache多一些,对tomcat和Java也不熟

php 复制代码
<?php
$uploadDir = './web/'; // 指定上传文件保存的目录

if ($_FILES['file']['error'] === UPLOAD_ERR_OK) {
    $filename = basename($_FILES['file']['name']);
    $destination = $uploadDir . $filename;

    if (move_uploaded_file($_FILES['file']['tmp_name'], $destination)) {
        echo '<script>alert("文件上传成功!");window.history.back();</script>';
    } else {
        echo '<script>alert("文件上传失败");window.history.back();</script>';
    }
} else {
    echo '<script>alert("文件上传出错");window.history.back();</script>';
}
?>

学习新知识:

在php.ini中找到了关于文件上传的一些配置,上传文件默认最大2M,请求体默认最大接收8M

ini 复制代码
post_max_size = 8M
; Maximum allowed size for uploaded files.
; http://php.net/upload-max-filesize
upload_max_filesize = 2M

PHP 将随文件信息数组一起返回一个对应的错误代码。该代码可以在文件上传时生成的文件数组中的 error 字段中被找到,也就是 $_FILES['file']['error']

数值 常量 含义
0 UPLOAD_ERR_OK 文件上传成功
1 UPLOAD_ERR_INI_SIZE 上传的文件超过了 php.ini 中 upload_max_filesize 选项限制的值
2 UPLOAD_ERR_FORM_SIZE 上传文件的大小超过了 HTML 表单中 MAX_FILE_SIZE 选项指定的值
3 UPLOAD_ERR_PARTIAL 文件只有部分被上传
4 UPLOAD_ERR_NO_FILE 没有文件被上传
6 UPLOAD_ERR_NO_TMP_DIR 找不到临时文件夹
7 UPLOAD_ERR_CANT_WRITE 文件写入失败
8 UPLOAD_ERR_EXTENSION PHP扩展阻止了文件上传
相关推荐
之歆6 小时前
DAY_17深度博客:CSS 响应式布局 · BFC · JavaScript 完全指南(上)
javascript·js
TA远方1 天前
【JavaScript】Promise对象使用方式研究和理解
javascript·编程·脚本·web·js·promise·委托
我命由我123453 天前
前端开发概念 - 无障碍树
javascript·css·笔记·学习·html·html5·js
苦夏木禾4 天前
URL 类 详解
node.js·js
T畅N6 天前
审批流设计器(前端)
前端·elementui·vue·html·流程图·js
树欲静·而风不止8 天前
拿 DeepSeek 的免费对话搓了个 Everything 的静态 WebUI
ai·js
REDcker9 天前
浏览器端Web程序性能分析与优化实战 DevTools指标与工程清单
开发语言·前端·javascript·vue·ecmascript·php·js
爱上好庆祝9 天前
学习js的第五天
前端·css·学习·html·css3·js
捉鸭子10 天前
某音a_bogus vmp逆向
爬虫·python·web安全·node.js·js
zhensherlock13 天前
Protocol Launcher 系列:Beorg 高效任务管理的协议支持
前端·javascript·typescript·node.js·自动化·github·js