사용자 아바타 업로드

1. 사용자 업로드 아바타 페이지를 편집할 때 주의할 점은 두 가지입니다:

a. 브라우저는 업로드된 파일을 바이너리로 인코딩하고 바이너리는 전송할 수 없기 때문에 포스트 모드로 제출해야 합니다. URL 주소 표시줄 인코딩을 사용하여 제출할 수 없습니다

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'=>'Zhang San') ?>

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>

실행 결과 보기: