用戶頭像上傳
1,編輯用戶上傳頭像頁面,有兩點(diǎn)需要注意:
a.必須是以post方式提交,因?yàn)闉g覽器會將上傳的文件進(jìn)行二進(jìn)制編碼,而url地址欄中不能傳輸二進(jìn)制的編碼,所以不可以使用get方式提交
b.必須加enctype="multipart/form-data",告訴瀏覽器上傳的數(shù)據(jù)是文件數(shù)據(jù)
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>現(xiàn)有頭像:</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()”是為了防止緩存而進(jìn)行的操作,onerror中的值為 "this.src='./default.jpg'" 則表示的是沒有圖片時默認(rèn)顯示的圖片
2,顯示用戶基本信息
<?php $info=array('id'=>1,'name'=>'張三'); ?>
3,查看接收的上傳文件數(shù)據(jù)
<?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選項(xiàng)限制的值"; break; case 2:$error_msg.="文件大小超過了表單中max_file_size選項(xiàng)指定的值!"; 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'; //設(shè)置上傳文件保存路徑 $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選項(xiàng)限制的值"; break; case 2:$error_msg.="文件大小超過了表單中max_file_size選項(xiàng)指定的值!"; 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'; //設(shè)置上傳文件保存路徑 $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>現(xiàn)有頭像:</p><img src="<?php echo './'.$info['id'].'.jpg?rand='.rand() ;?>"/><br> 上傳頭像:<input name="pic" type="file"><br> <!--文件上傳表單--> <input type="submit" value="保存頭像"> </form>
查看運(yùn)行結(jié)果: