PHP開發框架Yii Framework教學(15) UI 元件 MultiFileUpload範例-php教程-PHP中文網

PHP開發框架Yii Framework教學(15) UI 元件 MultiFileUpload範例

黄舟

發布： 2023-03-05 07:40:01

原創

1380 人瀏覽過

CMultiFileUpload 用於上傳文件，支援一次同時上傳多個文件。這個UI元件是基於jQuery Multi File Upload 外掛。 Yii 內建的許多UI元件都是基於JQuery，因此需要建立assets 目錄用於存放動態產生的javascripts 等。

所上傳的檔案的資訊可以透過$_FILES[widget-name]來訪問，例如，CMultiFileUpload的name為」files」所上傳的檔案資訊可以透過$_FILES ['files']來存取。此外包含CMultiFileUpload的Form屬性需要設定enctype=multipart/form-data。

本例建立一個upload目錄用來存放上傳的檔案。我們透過設定檔設定中個上傳檔案來導入目錄。

修改/config/main.php 新增專案程式碼

// application-level parameters that can be accessed
// using Yii::app()->params[&#39;paramName&#39;]
&#39;params&#39;=>require(dirname(__FILE__).&#39;/params.php&#39;),

登入後複製

為Application加入一些參數，存放參數的檔案為config/param.php

定義上傳檔案的目錄如下：

// this contains the application parameters that can be
maintained via GUIreturn array(//upload directory&#39;uploadDir&#39; => &#39;upload/&#39;,);

登入後複製

在程式碼中可以透過Yii: :app()->params['uploadDir'] 來存取這個參數，對於這個簡單的例子，你也可以直接使用upload/ 做為固定的常數而無需定義Application的參數params。

本例不需要使用Model，我們定義View如下：

beginWidget(&#39;CActiveForm&#39;,array(&#39;method&#39; =>&#39;post&#39;,&#39;htmlOptions&#39;=>array(&#39;enctype&#39;=>&#39;multipart/form-data&#39;),)); 
?>
widget(&#39;CMultiFileUpload&#39;,array(&#39;name&#39;=>&#39;files&#39;,&#39;accept&#39;=>&#39;jpg|png&#39;,&#39;max&#39;=>3,&#39;remove&#39;=>&#39;Remove&#39;,//&#39;denied&#39;=>&#39;&#39;, 
message that is displayed when a file type is not allowed//&#39;duplicate&#39;=>&#39;&#39;, 
message that is displayed when a file appears twice&#39;htmlOptions&#39;=>array(&#39;size&#39;=>25),)); 
?>endWidget(); 
?>
findFiles() as $filename): ?>
Yii::app()->baseUrl.&#39;/&#39;.Yii::app()->params[&#39;uploadDir&#39;].$filename,array(&#39;rel&#39;=>&#39;external&#39;));?>

登入後複製

使用CMultiFileUpload上傳副檔名為jpg|png 的文件，CMultiFileUpload可以透過設定定義一些選項，具體可以參考

修改其對應的Controller/Action。

class SiteController extends CController
{
/**
* Index action is the default action in a controller.
*/
public function actionIndex()
{
if(isset($_FILES[&#39;files&#39;]))
{
// delete old files
foreach($this->findFiles() as $filename)
unlink(Yii::app()->params[&#39;uploadDir&#39;].$filename);
//upload new files
foreach($_FILES[&#39;files&#39;][&#39;name&#39;] as $key=>$filename)
move_uploaded_file($_FILES[&#39;files&#39;][&#39;tmp_name&#39;][$key],
Yii::app()->params[&#39;uploadDir&#39;].$filename);
}
$this->render(&#39;index&#39;);
}
/**
* @return array filename
*/
public function findFiles()
{
return array_diff(scandir(Yii::app()->params[&#39;uploadDir&#39;]),
array(&#39;.&#39;, &#39;..&#39;));
}
}

登入後複製

Action方法先刪除upload目錄下的文件，然後將上傳的文件存放到該目錄下。

PHP開發框架Yii Framework教學(15) UI 元件 MultiFileUpload範例