最近想做一個(gè)上傳圖片的功能,上網(wǎng)搜了一下資料看到了php plupload demo,簡單易用又可以支持多種上傳方式,非常適合我這個(gè)菜鳥級別的程序員使用。下面我將通過幾個(gè)例子來詳細(xì)介紹php plupload demo。
首先我們需要下載php plupload demo,可以到官網(wǎng)上面下載,下載完成之后將其解壓到服務(wù)器上。然后我們就可以愉快的開始編寫php plupload demo了。
第一個(gè)例子:單張圖片上傳
下面是實(shí)現(xiàn)單張圖片上傳的代碼。首先我們需要在html中添加以下代碼:
我們在form標(biāo)簽中添加了一個(gè)input標(biāo)簽并設(shè)置type為file。這樣用戶就可以通過點(diǎn)擊該input框選擇需要上傳的圖片。
然后我們需要在upload.php文件中添加以下代碼:
這里我們首先定義了上傳的路徑為uploads/,然后通過move_uploaded_file()函數(shù)將上傳的圖片移動(dòng)到指定目錄中。當(dāng)上傳成功之后,我們就會(huì)看到“File is valid, and was successfully uploaded.”的提示信息。
第二個(gè)例子:多文件上傳
下面是實(shí)現(xiàn)多文件上傳的代碼。同樣的,我們需要在html中添加以下代碼:
在這個(gè)代碼中,我們需要注意的是input標(biāo)簽中的name屬性中添加了一個(gè)[],這樣就可以支持多文件上傳。
然后我們需要在upload.php文件中添加以下代碼:
由于我們現(xiàn)在支持了多文件上傳,所以需要通過循環(huán)來處理每一個(gè)上傳的文件。
第三個(gè)例子:支持拖拽上傳
下面是實(shí)現(xiàn)支持拖拽上傳的代碼。同樣的,我們需要在html中添加以下代碼:
這里我們將文件拖拽到droptarget區(qū)域內(nèi),點(diǎn)擊Select files按鈕也可以選擇要上傳的文件。
然后我們需要在upload.php文件中添加以下代碼:
這個(gè)例子和第一個(gè)例子基本一致,只是我們在html中添加了一些拖拽上傳的操作。
php plupload demo功能強(qiáng)大,支持多種上傳方式,并且可以方便的進(jìn)行配置和自定義。相信這篇文章可以幫助到那些需要實(shí)現(xiàn)上傳圖片的程序員們,讓他們更快的完成自己的開發(fā)任務(wù)。
首先我們需要下載php plupload demo,可以到官網(wǎng)上面下載,下載完成之后將其解壓到服務(wù)器上。然后我們就可以愉快的開始編寫php plupload demo了。
第一個(gè)例子:單張圖片上傳
下面是實(shí)現(xiàn)單張圖片上傳的代碼。首先我們需要在html中添加以下代碼:
<form action="upload.php" method="post" enctype="multipart/form-data"> <input type="file" name="file" id="file" /> <input type="submit" name="submit" value="Upload" /> </form>
我們在form標(biāo)簽中添加了一個(gè)input標(biāo)簽并設(shè)置type為file。這樣用戶就可以通過點(diǎn)擊該input框選擇需要上傳的圖片。
然后我們需要在upload.php文件中添加以下代碼:
$uploaddir = 'uploads/'; $uploadfile = $uploaddir . basename($_FILES['file']['name']); <br> if (move_uploaded_file($_FILES['file']['tmp_name'], $uploadfile)) { echo "File is valid, and was successfully uploaded.\n"; } else { echo "Possible file upload attack!\n"; }
這里我們首先定義了上傳的路徑為uploads/,然后通過move_uploaded_file()函數(shù)將上傳的圖片移動(dòng)到指定目錄中。當(dāng)上傳成功之后,我們就會(huì)看到“File is valid, and was successfully uploaded.”的提示信息。
第二個(gè)例子:多文件上傳
下面是實(shí)現(xiàn)多文件上傳的代碼。同樣的,我們需要在html中添加以下代碼:
<form action="upload.php" method="post" enctype="multipart/form-data"> <input type="file" name="file[]" id="file" multiple /> <input type="submit" name="submit" value="Upload" /> </form>
在這個(gè)代碼中,我們需要注意的是input標(biāo)簽中的name屬性中添加了一個(gè)[],這樣就可以支持多文件上傳。
然后我們需要在upload.php文件中添加以下代碼:
$uploaddir = 'uploads/'; $count = count($_FILES['file']['name']); for ($i = 0; $i < $count; $i++) { $uploadfile = $uploaddir . basename($_FILES['file']['name'][$i]); if (move_uploaded_file($_FILES['file']['tmp_name'][$i], $uploadfile)) { echo "File is valid, and was successfully uploaded.\n"; } else { echo "Possible file upload attack!\n"; } }
由于我們現(xiàn)在支持了多文件上傳,所以需要通過循環(huán)來處理每一個(gè)上傳的文件。
第三個(gè)例子:支持拖拽上傳
下面是實(shí)現(xiàn)支持拖拽上傳的代碼。同樣的,我們需要在html中添加以下代碼:
<div id="container"> <div id="droptarget">Drop files here</div> <div id="filelist"></div> <input type="button" id="pickfiles" value="Select files" /> </div>
這里我們將文件拖拽到droptarget區(qū)域內(nèi),點(diǎn)擊Select files按鈕也可以選擇要上傳的文件。
然后我們需要在upload.php文件中添加以下代碼:
$uploaddir = 'uploads/'; $uploadfile = $uploaddir . basename($_FILES['file']['name']); <br> if (move_uploaded_file($_FILES['file']['tmp_name'], $uploadfile)) { echo "File is valid, and was successfully uploaded.\n"; } else { echo "Possible file upload attack!\n"; }
這個(gè)例子和第一個(gè)例子基本一致,只是我們在html中添加了一些拖拽上傳的操作。
php plupload demo功能強(qiáng)大,支持多種上傳方式,并且可以方便的進(jìn)行配置和自定義。相信這篇文章可以幫助到那些需要實(shí)現(xiàn)上傳圖片的程序員們,讓他們更快的完成自己的開發(fā)任務(wù)。
上一篇api隱藏div