php多個檔案及圖片上傳執行個體詳解_php技巧

來源:互聯網
上載者:User

本文執行個體講述了php多個檔案及圖片上傳的方法。分享給大家供大家參考。具體實現方法如下:

多個檔案上傳是在單檔案上傳的基礎上利用遍曆數組的方式進行遍曆表單數組然後把檔案一個個上傳到伺服器上了,下面就來看一個簡單多個檔案上傳執行個體

多個檔案上傳和單獨檔案上傳的處理方式是一樣的,只需要在用戶端多提供幾個類型為“file”的輸入表單,並指定不同的“name”屬性值。例如,在下面的代碼中,可以讓使用者同時選擇三個本地檔案一起上傳給伺服器,用戶端的表單如下所示:

複製代碼 代碼如下:
<html>
<head><title>多個檔案上傳表單</title></head>
<body>
<form action="mul_upload.php" method="post" enctype="multipart/form-data">
<input type="hidden" name="MAX_FILE_SIZE" value="1000000">
選擇檔案1:<input type="file" name='myfile[]'><br>
選擇檔案2:<input type="file" name='myfile[]'><br>
選擇檔案3:<input type="file" name='myfile[]'><br>
<input type="submit" value="上傳檔案">
</form>
</body>
</html>

在上面的代碼中,將三個檔案類型的表單以數組的形式組織在一起。當上面的表單教給PHP的指令檔mul_upload.php時,在伺服器端同樣使用全域數組$_FILES儲存所有上述檔案的資訊,但$_FILES由二維數組已經轉變為三維數組,這樣就可以儲存多個上傳檔案的資訊。在指令檔mul_upload.php中,使用print_r()函數將$_FILES數組中的內容輸出,代碼如下所示:
複製代碼 代碼如下:
<?php
//列印三維數組$_FILES中的內容,查看一下儲存上傳檔案的結構
print_r($_FILES);
?>

當選擇三個本地檔案提交後,輸出結果如下所示

複製代碼 代碼如下:
Array(
    [myfile]=>Array(
        [name]=>Array(              //$_FILES["myfile"]["name"]儲存所有上傳檔案的內容
            [0]=>Rav.ini         //$_FILES["myfile"]["name"][0]第一個上傳檔案的名稱
            [1]=>msgsocm.log     //$_FILES["myfile"]["name"][1]第二個上傳檔案的名稱
            [2]=>NOTEPAD.EXE)        //$_FILES["myfile"]["name"][2]第三個上傳檔案的名稱
        [type]=>Array(               //$_FILES["myfile"]["type"]儲存所有上傳檔案的類型
            [0]=>application/octet-stream          //$_FILES["myfile"]["type"][0]第一個上傳檔案的類型
            [1]=>application/octet-stream          //$_FILES["myfile"]["type"][1]第二個上傳檔案的類型
            [2]=>application/octet-stream)         //$_FILES["myfile"]["type"][2]第三個上傳檔案的類型
        [tmp_name]=>Array(
            [0]=>C:/WINDOWS/Temp/phpAF.tmp
            [1]=>C:/WINDOWS/Temp/phpB0.tmp
            [2]=>C:/WINDOWS/Temp/phpB1.tmp)
        [error]=>Array(
            [0]=>0
            [1]=>0
            [2]=>0)
        [size]=>Array(
            [0]=>64
            [1]=>1350
            [2]=>66560))
)

通過輸出$_FILES數組的值可以看到,處理多個檔案的上傳和單個檔案上傳時的情況一樣的,只是$_FILES數組的結構形式略有不同。通過這種方式可以支援更多數量的檔案上傳。
例子如下:
複製代碼 代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>文檔上傳</title>
</head>
<body>
<script language="javascript"><!--
動態添加檔案選擇控制項-->
function AddRow()
{
var eNewRow = tblData.insertRow();
for (var i=0;i<1;i++)
{
var eNewCell = eNewRow.insertCell();
eNewCell.innerHTML = "<tr><td><input type='file' name='filelist[]' size='50'/></td></tr>";
}
}
// --></script>
<form name="myform" method="post" action="uploadfile.php" enctype="multipart/form-data" >
<table id="tblData" width="400" border="0">
<!-- 將上傳檔案必須用post的方法和enctype="multipart/form-data" -->
<!-- 將本頁的網址傳給uploadfile.php-->
<input name="postadd" type="hidden" value="<?php echo "http://".$_SERVER['HTTP_HOST'].$_SERVER["PHP_SELF"]; ?>" />
<tr><td>檔案上傳列表
<input type="button" name="addfile" onclick="AddRow()" value="添加列表" /></td></tr>
<!-- filelist[]必須是一個數組-->
<tr><td><input type="file" name="filelist[]" size="50" /></td></tr>
</table>
<input type="submit" name="submitfile" value="提交檔案" />
</form>
</body>
</html>

複製代碼 代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>文檔上傳</title>
</head>
<body>
<script language="javascript"><!--
動態添加檔案選擇控制項-->
function AddRow()
{
var eNewRow = tblData.insertRow();
for (var i=0;i<1;i++)
{
var eNewCell = eNewRow.insertCell();
eNewCell.innerHTML = "<tr><td><input type='file' name='filelist[]' size='50'/></td></tr>";
}
}
// --></script>
<form name="myform" method="post" action="uploadfile.php" enctype="multipart/form-data" >
<table id="tblData" width="400" border="0">
<!-- 將上傳檔案必須用post的方法和enctype="multipart/form-data" -->
<!-- 將本頁的網址傳給uploadfile.php-->
<input name="postadd" type="hidden" value="<?php echo "http://".$_SERVER['HTTP_HOST'].$_SERVER["PHP_SELF"]; ?>" />
<tr><td>檔案上傳列表
<input type="button" name="addfile" onclick="AddRow()" value="添加列表" /></td></tr>
<!-- filelist[]必須是一個數組-->
<tr><td><input type="file" name="filelist[]" size="50" /></td></tr>
</table>
<input type="submit" name="submitfile" value="提交檔案" />
</form>
</body>
</html>

提交檔案代碼
複製代碼 代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>檔案上傳結果</title>
</head>
<body>
<?php
if ($_POST["submitfile"]!="")
{
$Path="./".date('Ym')."/";
if (!is_dir($Path))//建立路徑
{ mkdir($Path); }
echo "<div>";
for ($i=0;$i<count($filelist);$i++)
{ //$_FILES["filelist"]["size"][$i]的排列順序不可以變,因為fileist是一個二維數組
if ($_FILES["filelist"]["size"][$i]!=0)
{
$File=$Path.date('Ymdhm')."_".$_FILES["filelist"]["name"][$i];
if (move_uploaded_file($_FILES["filelist"]["tmp_name"][$i],$File))
{ echo "檔案上傳成功 檔案類型:".$_FILES["filelist"]["type"][$i]." "."檔案名稱:"
.$_FILES["filelist"]["name"][$i]."<br>"; }
else
{ echo "檔案名稱:".$_FILES["filelist"]["name"][$i]."上傳失敗</br>"; }
}
}
echo "</div><br><a href="$postadd" href="$postadd">返回</a></div>";
}
?>
</body>
</html>

上面例子基於 js來動態增加上傳檔案框了,從而達到多檔案上傳的功能。

希望本文所述對大家的PHP程式設計有所協助。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.