使用者頭像上傳
1,編輯使用者上傳頭像頁(yè)面,有兩點(diǎn)要注意:
#a.必須是以post方式提交,因?yàn)闉g覽器會(huì)將上傳的檔案進(jìn)行二進(jìn)位編碼,而url網(wǎng)址列中不能傳輸二進(jìn)位的編碼,所以不可以使用get方式提交
b.必須加enctype="multipart/form-data",告訴瀏覽器上傳的數(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,儲(chǔ)存的圖片名稱為1.jpg;? 「?rand=rand()」是為了防止快取而進(jìn)行的操作,onerror中的值為"this.src='./default.jpg'" 則表示的是沒(méi)有圖片時(shí)預(yù)設(shè)顯示的圖片
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='上傳錯(cuò)誤:'; switch ($pic_info['error']){ case 1:$error_msg.="文件大小超過(guò)了php.ini中upload_max_filesize選項(xiàng)限制的值"; break; case 2:$error_msg.="文件大小超過(guò)了表單中max_file_size選項(xiàng)指定的值!"; break; case 3:$error_msg.="文件只有部分被上傳!"; break; case 4:$error_msg.="沒(méi)有文件被上傳!"; break; case 6:$error_msg.="找不到臨時(shí)文件夾!"; break; case 7:$error_msg.="文件寫(xiě)入失敗"; break; default:$error_msg.='未知錯(cuò)誤!';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; //頭像上傳的臨時(shí)目錄成功,將其保存到腳本所在目錄下的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='上傳錯(cuò)誤:'; switch ($pic_info['error']){ case 1:$error_msg.="文件大小超過(guò)了php.ini中upload_max_filesize選項(xiàng)限制的值"; break; case 2:$error_msg.="文件大小超過(guò)了表單中max_file_size選項(xiàng)指定的值!"; break; case 3:$error_msg.="文件只有部分被上傳!"; break; case 4:$error_msg.="沒(méi)有文件被上傳!"; break; case 6:$error_msg.="找不到臨時(shí)文件夾!"; break; case 7:$error_msg.="文件寫(xiě)入失敗"; break; default:$error_msg.='未知錯(cuò)誤!';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; //頭像上傳的臨時(shí)目錄成功,將其保存到腳本所在目錄下的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é)果: