Muat naik avatar pengguna
. pengekodan bar alamat URL, jadi anda tidak boleh menggunakan kaedah get untuk menyerahkan
Lihat hasil yang sedang dijalankan:
b Anda mesti menambah enctype="multipart/form-data" untuk memberitahu penyemak imbas bahawa data yang dimuat naik ialah data failkod potret.php. adalah seperti berikut:
<?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>上傳用戶(hù)頭像</h2> <p>用戶(hù)姓名:<?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>
Kod di atas ialah Imej yang dimuat naik dinamakan semula berdasarkan ID pengguna Contohnya, jika ID pengguna ialah 1, nama imej yang disimpan ialah 1.jpg;? "?rand=rand()" ialah operasi yang dilakukan untuk mengelakkan caching Nilai dalam onerror ialah "this.src='./default.jpg'" yang bermaksud gambar dipaparkan secara lalai apabila tiada gambar
.
2, paparkan maklumat pengguna asas
3 Lihat data fail yang dimuat naik yang diterima 4 , terima dan proses imej yang dimuat naik
<?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; } //獲取文件上傳的類(lèi)型 // $type=substr(strrchr($pic_info['name'],'.'),1); // if($type!=='jpg'){ // echo '圖像類(lèi)型不符合要求,允許的類(lèi)型為:jpg'; // return false; // } $type=$pic_info['type']; $allow_type=array('image/jpeg','image/png','image/gif'); if(!in_array($type,$allow_type)){ echo '圖像類(lèi)型不符合要求,允許的類(lèi)型為:'.implode(',',$allow_type); return false; } //使用用戶(hù)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, paparan kod lengkap:
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; } //獲取文件上傳的類(lèi)型 // $type=substr(strrchr($pic_info['name'],'.'),1); // if($type!=='jpg'){ // echo '圖像類(lèi)型不符合要求,允許的類(lèi)型為:jpg'; // return false; // } $type=$pic_info['type']; $allow_type=array('image/jpeg','image/png','image/gif'); if(!in_array($type,$allow_type)){ echo '圖像類(lèi)型不符合要求,允許的類(lèi)型為:'.implode(',',$allow_type); return false; } //使用用戶(hù)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>編輯用戶(hù)頭像</h2> <p>用戶(hù)姓名:<?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>
Lihat hasil yang sedang dijalankan: