文件上传后端处理页面

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

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

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扩展阻止了文件上传
相关推荐
刘一说1 小时前
Vue3 模块语法革命:移除过滤器(Filters)的深度解析与迁移指南
前端·vue.js·js
曲幽4 小时前
JavaScript流程控制:从混乱条件到优雅遍历,一次讲清如何让代码听话
javascript·web·js·for·while·if·if else
乐迁~5 小时前
如何使用html2canvas和jsPDF库来解决PDF导出时分页内容截断问题(下--表格行截断处理)
pdf·js
心.c2 天前
文件上传 - 入门篇
前端·javascript·vue.js·node.js·js
可问春风_ren3 天前
前端文件上传详细解析
前端·ecmascript·reactjs·js
lcc1877 天前
JS 隐式转换和显示转换
js
winfredzhang9 天前
从零构建:基于 Node.js 的全栈视频资料管理系统开发实录
css·node.js·html·音视频·js·收藏,搜索,缩略图
38242782711 天前
JS表单验证:className与classList区别详解
js
REDcker11 天前
Android WebView 版本升级方案详解
android·音视频·实时音视频·webview·js·编解码
winfredzhang12 天前
[实战] Node.js + DeepSeek 打造智能档案归档系统:从混乱到有序的自动化之旅
css·node.js·js·deepseek api