使用者頭像上傳

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，完整程式碼展示：

<?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>