1、首先,我們在頁面上添加file控制項,點擊add按鈕之後就可以多增加一個file。
<div style="float:left;" id="upload_thumbnail">
<input name=thumb[0] type="file" id ='thumb_0' class="input-text" onchange="checkFileType(0)"></input>
</div>
<div style="float:left">
<input type="button" style="margin-left:20px;" onclick="appendInput();" value="add upload thumbnail"></input>
</div>
<script>
var i = 0;
function appendInput(){
i ++ ;
var appendStr = "type='file' class='input-text'";
$("#upload_thumbnail").append('<br><input type="file" name=thumb['+i+'] onchange=checkFileType('+i+') id = thumb_'+i+'></input>');
}
function checkFileType(inputId) {
var fileName = $("#thumb_"+inputId).val();
var fileArr = fileName.split('.');
var flag = 0;
var length = fileArr.length;
var extend = fileArr[length-1];
var allowUpload = ['jpg','png','gif'];
$.each(allowUpload,function(key,value){
if(value == extend) {
flag = 1;
exit;
}
});
if(flag == 0) {
alert('Please choose a image');
}
}
</script>
2、點擊提交按鈕之後我們就開始檔案的上傳了。
foreach ($_FILES['thumb']['name'] as $key=>$file) {
if(!$file) {
unset($_FILES['thumb']['name'][$key]);
unset($_FILES['thumb']['type'][$key]);
unset($_FILES['thumb']['tmp_name'][$key]);
unset($_FILES['thumb']['error'][$key]);
unset($_FILES['thumb']['size'][$key]);
}
}
$thumb = $_FILES; //以上代碼是對空檔案進行處理,將空檔案刪掉,保證檔案上傳驗證能夠通過
$imagePath = $this->_uploadImage("upload_images");//調用檔案上傳方法,參數為檔案上傳的目錄,返回的$imagePath為數組。返回已經上傳的檔案的路徑。可以將此路徑存在資料庫,用於以後的顯示。
3、開始進行檔案上傳方法實現了
/**
* upload image
* @param string $dir_name
* @param string $maxsize
* @return string|array|bool
*/
public function _uploadImage($dir_name, $maxsize = "4096kB") {
$fullpath = RP . DS . "/media/$dir_name";//設定檔案上傳的完整路徑
if (!is_dir($fullpath)) {
mkdir($fullpath, 0777, true);
}
$upload = new Zend_File_Transfer_Adapter_Http();
$upload->addValidator('Count', false, array('min'=> 1, 'max'=> 20))
->addValidator('ImageSize',false,array('minwidth'=>0,'minheight'=>0))
->addValidator('Size',false, array('min'=>0,'max'=> $maxsize))
->setDestination($fullpath);
$fileInfo = $upload->getFileInfo();
if ($upload->isValid()) {
try {
foreach ($fileInfo as $key=>$name) {
$guid = new User_Model_Config_Source_Guid();
$_guid = $guid->create(); //獲得一個隨機字串
$newname = $this->getFilename($fullpath."/",basename($_guid.$name['name']));
$newname=$_guid.$newname;
$renameArr[] = array('source'=>$name['tmp_name'],'target'=>$fullpath.'/'.$newname);
$filePathArr[] = $dir_name . "/" . $newname;
}
$upload->addFilter(new Zend_Filter_File_Rename($renameArr));
$upload->receive();
return $filePathArr;
}
catch (Zend_File_Transfer_Exception $e) {
$this->getSession()->addError($this->__('Bad image data: ') . $e->getMessage());
return false;
}
} else {
return '';
}
}