文件上传后端处理页面

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

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

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扩展阻止了文件上传
相关推荐
我命由我123452 天前
Element Plus - 在 el-select 的每个选项右侧添加按钮
前端·javascript·vue.js·前端框架·ecmascript·html5·js
我命由我123453 天前
Element Plus - Cascader 观察记录(基本使用、动态加载、动态加载下的异常环境)
开发语言·前端·javascript·vue.js·typescript·html5·js
我命由我123453 天前
Element Plus - Form 的 resetField 方法观察记录
开发语言·前端·javascript·vue.js·html·html5·js
CyrusCJA4 天前
JavaScript原型与super关键字
前端·javascript·js
nibabaoo4 天前
前端开发攻略---Vue3项目中实现指定区域的打印预览与 PDF 导出功能
vue3·js·打印预览pdf
我命由我123455 天前
Vue Router - 记录一下 2 种路由写法
前端·javascript·vue.js·前端框架·html·html5·js
我命由我123457 天前
React - state、state 的简写方式、props、props 的简写方式、类式组件中的构造器与 props、函数式组件使用 props
前端·javascript·react.js·前端框架·html·html5·js
我命由我123457 天前
React - React 初识、创建虚拟 DOM 的两种方式、jsx 语法规则、React 定义组件
前端·javascript·react.js·前端框架·html·html5·js
我命由我123457 天前
前端开发 - this 指向问题(直接调用函数、对象方法、类方法)
开发语言·前端·javascript·vue.js·react.js·html5·js