php - 前端表单上传文件并保存到指定服务器目录

迈不过友情╰ 2023-07-10 08:41 39阅读 0赞

## 效果图 ##

![在这里插入图片描述][20200301192644222.gif]

## 准备 ##

前端使用 from 表单以 POST 方式提交文件，php 进行处理后存储文件到指定目录。

**目录结构：新建一个存储用户文件的文件夹(userImage)，然后再建一个 `index.php`**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDE5ODk2NQ_size_16_color_FFFFFF_t_70]

## 实现 ##

为了直观简洁，我把 HTML 与 PHP 代码都写在了 `index.php` 中。

<form action="<?php echo $_SERVER['PHP_SELF'];?>" method="POST" enctype="multipart/form-data">
        <input type="file" name="file">
        <input type="submit" name="submit">
    </form>

<?php
    
    # 1.验证文件是否合法或是否满足上传要求(包括上传失败等等处理)
        # code
    
    # 2.将用户上传的文件移动到userImage文件夹中(用move_uploaded_file()函数)
    $file = $_FILES['file']['tmp_name'];//上传的文件
    $fileName = $_FILES['file']['name'];//文件的名称(用来做文件名)
    $path = "userImage/";//文件保存位置
    
    /* * @ 第一个参数是要移动的文件 * @ 第二个参数是文件上传后的完整路径(不能直接以 'userImage/' 写入该参数) */
    move_uploaded_file($file, $path . $fileName);//移动API
    
    ?>

这是一个麻雀虽小五脏俱全的小示例，可根据需求更改。

--------------------

[php 图片上传及约束格式大小处理][php]

[20200301192644222.gif]: https://img-blog.csdnimg.cn/20200301192644222.gif
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDE5ODk2NQ_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200301184825347.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDE5ODk2NQ==,size_16,color_FFFFFF,t_70
[php]: https://blog.csdn.net/weixin_44198965/article/details/104445590