PHPWeb前端之路让前端飞

php文件上传

2017-11-11  本文已影响41人  马大哈tt

一.首先看看html的form表单结构

form表单需要定义method的属性的值,可以为2种:get和post;
get是把参数列表加到对应的form表单的URL中,传输文件大小受限制,安全性低;post的传输是我们看不见的过程,安全性高,传输大小不受限制。
注意:一定要加上enctype属性,文件才能上传

<form action="" method="post" enctype="multipart/form-data">
    <input type="file" name="photo"/>
    <input type="submit" name="submit" value="上传" />
</form>

二. php $_FILES

  1. $_FILES 和 $_POST、 $_GET一样都是数组,当获取form表单中文本信息时,使用form表单所对应的mathod的值($_POST和 $_GET);当获取file文件时使用$_FILES。
  2. $_FILES的参数

三.文件拷贝与保存

  1. copy() 文件上传后,需要将临时文件copy到永久存放位置,否则程序结束后,会自动删除该文件;
  2. move_uploaded_file() 只拷贝上传的文件 安全性高
if(!empty($_FILES)){
        // 只能上传图片类型文件 jpg png gif
        $type = $_FILES['photo']['type'];
        if($type == "image/jpeg" || $type == "image/jpg" || $type == "image/gif"){
          //  将图片以原名保存
            move_uploaded_file($type,$_FILES['photo']['name']);
        }   
    }

四.应用小例子

做个菜单管理后台;
需求:可以在管理页面上上传菜谱的照片,设定菜谱,及价格,并且记录到menu.txt文件上

  1. 由于步骤较多,我们可以把每个模块封装成对应的函数
<?php
// 上传图片
    function upload($upfile){
      // 限制上传文件的类型为图片格式
        if($upfile['type'] == "image/jpg" || $upfile['type'] == "image/jpeg" || $upfile['type'] == "image/png"){
            if(move_uploaded_file($upfile['tmp_name'],$upfile['name'])){
                return $upfile['name'];
            }else{
                return false;
            }
        }
// 存储
    function saveMenu($cai,$price,$src){
        $fp = fopen("menu.txt","a+");
        $line = $cai." ".$price." ".$src."\n";
        fwrite($fp,$line);
        fclose($fp);
    }
    // 读出数据放到一个数组里
    $menuList = outMenu();
    function outMenu(){
        $fp = fopen("menu.txt","a+");
        $line = array();
        while(!feof($fp)){
            $line[] = fgets($fp);
        }   
        return $line;
    }
?>
  1. 点击提交时,调用函数实现功能
// 判断是否提交
if(!empty($_POST['submit'])){   
        // 调用upload函数判断是否上传文件
        $filename = upload($_FILES['menu']);
        if($filename){
            $caiName = htmlspecialchars($_POST['cai']);
            $price = htmlspecialchars($_POST['price']);
            $src = $_FILES['menu']['name'];
           //将需要的数据保存到menu.txt文件上
            saveMenu($caiName,$price,$src);
        }
    }

3.form的表单结构
注意看嵌套php的部分,使用foreach遍历保存数据的数组$menuList,将数组中的图片路径,菜名,价格等信息赋值给HTML标签

<form action="" method="post" enctype="multipart/form-data">
    <div>
        <input type="file" name="menu" />
        菜名:<input type="text" name="cai"/>
        <br/>
        价格:<input type="text" name="price" value="" />  
    </div>
    <input type="submit" name="submit" value="上传"/>
    <div style ="width:400px;">
            <div style="display: flex; justify-content : space-between;">
                <span>照片</span>
                <span>菜名</span>
                <span>价格</span>
            </div>
            <?php foreach($menuList as $key => $val){
                $menus = explode(" ",$val);
                if(!empty($menus[0])){
                ?>
                <div style ="width:400px; height:100px; border:1px solid grey;display: flex; justify-content: space-between;">
                    <img src="<?=$menus[2]?>"  alt="" height="100"/>
                    <span><?=$menus[0]?></span>
                    <span><?=$menus[1]?></span>     
                </div>
            <?php }} ?>
    </div>
</form>
  1. �运行结果(忽略页面样式的不好看~_~)


    结果图.png

    对应生成的menu.txt文件


    文件内容.png
上一篇下一篇

猜你喜欢

热点阅读