一.首先看看html的form表單結構
form表單需要定義method的屬性的值,可以為2種:get和post;
get是把參數(shù)列表加到對應的form表單的URL中坐梯,傳輸文件大小受限制氓鄙,安全性低;post的傳輸是我們看不見的過程,安全性高昵仅,傳輸大小不受限制睦霎。
注意:一定要加上enctype屬性梢卸,文件才能上傳
<form action="" method="post" enctype="multipart/form-data">
<input type="file" name="photo"/>
<input type="submit" name="submit" value="上傳" />
</form>
二. php $_FILES
- $_FILES 和 $_POST、 $_GET一樣都是數(shù)組副女,當獲取form表單中文本信息時蛤高,使用form表單所對應的mathod的值($_POST和 $_GET);當獲取file文件時使用$_FILES碑幅。
- $_FILES的參數(shù)
- name 上傳的原文件名襟齿,不代表是文件,僅僅是字符串
- tmp_name 文件上傳到服務器的臨時的文件名枕赵,上傳后的文件位于該位置猜欺,這個是文件
- type 上傳的我文件類型
- size 上傳的文件大小
- error 上傳的文件錯誤信息
三.文件拷貝與保存
- copy() 文件上傳后,需要將臨時文件copy到永久存放位置拷窜,否則程序結束后开皿,會自動刪除該文件;
- move_uploaded_file() 只拷貝上傳的文件 安全性高
if(!empty($_FILES)){
// 只能上傳圖片類型文件 jpg png gif
$type = $_FILES['photo']['type'];
if($type == "image/jpeg" || $type == "image/jpg" || $type == "image/gif"){
// 將圖片以原名保存
move_uploaded_file($type,$_FILES['photo']['name']);
}
}
四.應用小例子
做個菜單管理后臺;
需求:可以在管理頁面上上傳菜譜的照片篮昧,設定菜譜赋荆,及價格,并且記錄到menu.txt文件上
- 由于步驟較多懊昨,我們可以把每個模塊封裝成對應的函數(shù)
<?php
// 上傳圖片
function upload($upfile){
// 限制上傳文件的類型為圖片格式
if($upfile['type'] == "image/jpg" || $upfile['type'] == "image/jpeg" || $upfile['type'] == "image/png"){
if(move_uploaded_file($upfile['tmp_name'],$upfile['name'])){
return $upfile['name'];
}else{
return false;
}
}
// 存儲
function saveMenu($cai,$price,$src){
$fp = fopen("menu.txt","a+");
$line = $cai." ".$price." ".$src."\n";
fwrite($fp,$line);
fclose($fp);
}
// 讀出數(shù)據(jù)放到一個數(shù)組里
$menuList = outMenu();
function outMenu(){
$fp = fopen("menu.txt","a+");
$line = array();
while(!feof($fp)){
$line[] = fgets($fp);
}
return $line;
}
?>
- 點擊提交時窄潭,調用函數(shù)實現(xiàn)功能
// 判斷是否提交
if(!empty($_POST['submit'])){
// 調用upload函數(shù)判斷是否上傳文件
$filename = upload($_FILES['menu']);
if($filename){
$caiName = htmlspecialchars($_POST['cai']);
$price = htmlspecialchars($_POST['price']);
$src = $_FILES['menu']['name'];
//將需要的數(shù)據(jù)保存到menu.txt文件上
saveMenu($caiName,$price,$src);
}
}
3.form的表單結構
注意看嵌套php的部分,使用foreach遍歷保存數(shù)據(jù)的數(shù)組$menuList,將數(shù)組中的圖片路徑酵颁,菜名嫉你,價格等信息賦值給HTML標簽
<form action="" method="post" enctype="multipart/form-data">
<div>
<input type="file" name="menu" />
菜名:<input type="text" name="cai"/>
<br/>
價格:<input type="text" name="price" value="" />
</div>
<input type="submit" name="submit" value="上傳"/>
<div style ="width:400px;">
<div style="display: flex; justify-content : space-between;">
<span>照片</span>
<span>菜名</span>
<span>價格</span>
</div>
<?php foreach($menuList as $key => $val){
$menus = explode(" ",$val);
if(!empty($menus[0])){
?>
<div style ="width:400px; height:100px; border:1px solid grey;display: flex; justify-content: space-between;">
<img src="<?=$menus[2]?>" alt="" height="100"/>
<span><?=$menus[0]?></span>
<span><?=$menus[1]?></span>
</div>
<?php }} ?>
</div>
</form>
-
?運行結果(忽略頁面樣式的不好看~_~)
結果圖.png
對應生成的menu.txt文件
文件內容.png