文件上传后端处理页面

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

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

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扩展阻止了文件上传
相关推荐
我命由我123451 天前
Element Plus 组件库 - Select 选择器 value 为 index 时的一些问题
开发语言·前端·javascript·vue.js·html·ecmascript·js
我命由我123452 天前
CesiumJS 案例 P35:添加图片图层(添加图片数据)
开发语言·前端·javascript·css·html·html5·js
Derrick__16 天前
Web Js逆向——加密参数定位方法(Hook)
python·js
浪裡遊8 天前
Next.js路由系统
开发语言·前端·javascript·react.js·node.js·js
我命由我123458 天前
HTML - 换行标签的 3 种写法(<br>、<br/>、<br />)
前端·javascript·css·html·css3·html5·js
贪婪的君子12 天前
【每日一面】实现一个深拷贝函数
前端·js
~无忧花开~16 天前
掌握Axios:前端HTTP请求全攻略
开发语言·前端·学习·js
CC码码16 天前
前端2D地图和3D场景中的坐标系
前端·3d·js
惜.己20 天前
从零使用vue脚手架开发一个简易的计算器
vue·js·1024程序员节
huangyiyi6666625 天前
轮询那些事儿
javascript·前端框架·vue·js