用户头像上传

1，编辑用户上传头像页面,有两点需要注意:

a.必须是以post方式提交，因为浏览器会将上传的文件进行二进制编码，而url地址栏中不能传输二进制的编码，所以不可以使用get方式提交

b.必须加enctype="multipart/form-data"，告诉浏览器上传的数据是文件数据

portrait.php代码如下：

<?php
/**
 * Created by PhpStorm.
 * User: Administrator
 * Date: 2018/2/28 0028
 * Time: 下午 1:18
 */
header('Content-type:text/html;charset=utf-8');
$info=array('id'=>1,'name'=>'张三');
?>
<form action="" method="post" enctype="multipart/form-data">
    <h2>上传用户头像</h2>
    <p>用户姓名:<?php echo $info['name'];?></p>
    <p>现有头像:</p><img src="<?php echo './'.$info['id'].'.jpg?rand='.rand() ;?>"/><br>
    上传头像:<input name="pic" type="file"><br>
<!--文件上传表单-->
    <input type="submit" value="保存头像">
</form>

以上代码是以用户id为上传之后的图片重新命名的，例如用户id为1，保存的图片名称为1.jpg；？“？rand=rand()”是为了防止缓存而进行的操作，onerror中的值为 "this.src='./default.jpg'" 则表示的是没有图片时默认显示的图片

2，显示用户基本信息

<?php $info=array('id'=>1,'name'=>'张三'); ?>

3，查看接收的上传文件数据

<?php  echo '<pre>';
print_r($_FILES);
echo '</pre>';?>

4，接收并处理上传图像

<?php
if(!empty($_FILES['pic'])){
    $pic_info=$_FILES['pic'];
    if($pic_info['error']>0){
        $error_msg='上传错误:';
        switch ($pic_info['error']){
            case 1:$error_msg.="文件大小超过了php.ini中upload_max_filesize选项限制的值";
            break;
            case 2:$error_msg.="文件大小超过了表单中max_file_size选项指定的值!";
            break;
            case 3:$error_msg.="文件只有部分被上传!";
            break;
            case 4:$error_msg.="没有文件被上传!";
            break;
            case 6:$error_msg.="找不到临时文件夹!";
            break;
            case 7:$error_msg.="文件写入失败";
            break;
            default:$error_msg.='未知错误!';break;
        }
        echo $error_msg;
        return false;
    }
    //获取文件上传的类型
//    $type=substr(strrchr($pic_info['name'],'.'),1);
//    if($type!=='jpg'){
//        echo '图像类型不符合要求,允许的类型为:jpg';
//        return false;
//    }
    $type=$pic_info['type'];
    $allow_type=array('image/jpeg','image/png','image/gif');
    if(!in_array($type,$allow_type)){
        echo '图像类型不符合要求,允许的类型为:'.implode(',',$allow_type);
        return false;
    }
    //使用用户ID为上传文件命名
    $new_file=$info['id'].'.jpg';
    //设置上传文件保存路径
    $filename='./'.$new_file;
    //头像上传的临时目录成功,将其保存到脚本所在目录下的img文件夹中
    if(!move_uploaded_file($pic_info['tmp_name'],$filename)){
        echo '头像上传失败';
        return false;
    }
}

5，完整代码展示：

portrait.php:

<?php
/**
 * Created by PhpStorm.
 * User: Administrator
 * Date: 2018/2/28 0028
 * Time: 下午 1:18
 */
header('Content-type:text/html;charset=utf-8');
$info=array('id'=>1,'name'=>'张三');
echo '<pre>';
print_r($_FILES);
echo '</pre>';
//接收并处理上传图像
if(!empty($_FILES['pic'])){
    $pic_info=$_FILES['pic'];
    if($pic_info['error']>0){
        $error_msg='上传错误:';
        switch ($pic_info['error']){
            case 1:$error_msg.="文件大小超过了php.ini中upload_max_filesize选项限制的值";
            break;
            case 2:$error_msg.="文件大小超过了表单中max_file_size选项指定的值!";
            break;
            case 3:$error_msg.="文件只有部分被上传!";
            break;
            case 4:$error_msg.="没有文件被上传!";
            break;
            case 6:$error_msg.="找不到临时文件夹!";
            break;
            case 7:$error_msg.="文件写入失败";
            break;
            default:$error_msg.='未知错误!';break;
        }
        echo $error_msg;
        return false;
    }
    //获取文件上传的类型
//    $type=substr(strrchr($pic_info['name'],'.'),1);
//    if($type!=='jpg'){
//        echo '图像类型不符合要求,允许的类型为:jpg';
//        return false;
//    }
    $type=$pic_info['type'];
    $allow_type=array('image/jpeg','image/png','image/gif');
    if(!in_array($type,$allow_type)){
        echo '图像类型不符合要求,允许的类型为:'.implode(',',$allow_type);
        return false;
    }
    //使用用户ID为上传文件命名
    $new_file=$info['id'].'.jpg';
    //设置上传文件保存路径
    $filename='./'.$new_file;
    //头像上传的临时目录成功,将其保存到脚本所在目录下的img文件夹中
    if(!move_uploaded_file($pic_info['tmp_name'],$filename)){
        echo '头像上传失败';
        return false;
    }
}
?>
<form action="" method="post" enctype="multipart/form-data">
    <h2>编辑用户头像</h2>
    <p>用户姓名:<?php echo $info['name'];?></p>
    <p>现有头像:</p><img src="<?php echo './'.$info['id'].'.jpg?rand='.rand() ;?>"/><br>
    上传头像:<input name="pic" type="file"><br>
<!--文件上传表单-->
    <input type="submit" value="保存头像">
</form>

查看运行结果：