mirror of
https://github.com/yiisoft/yii2.git
synced 2025-08-14 14:28:27 +08:00
209 lines
6.2 KiB
Markdown
209 lines
6.2 KiB
Markdown
文件上传
|
||
============
|
||
|
||
在Yii里上传文件通常使用 [[yii\web\UploadedFile]] 类，
|
||
它把每个上传的文件封装成 `UploadedFile` 对象。
|
||
结合 [[yii\widgets\ActiveForm]] 和 [models](structure-models.md)，你可以轻松实现安全的上传文件机制。
|
||
|
||
|
||
## 创建模型 <span id="creating-models"></span>
|
||
|
||
和普通的文本输入框类似，当要上传一个文件时，你需要创建一个模型类并且用其中的某个属性来接收上传的文件实例。
|
||
你还需要声明一条验证规则以验证上传的文件。
|
||
举例来讲，
|
||
|
||
```php
|
||
namespace app\models;
|
||
|
||
use yii\base\Model;
|
||
use yii\web\UploadedFile;
|
||
|
||
class UploadForm extends Model
|
||
{
|
||
/**
|
||
* @var UploadedFile
|
||
*/
|
||
public $imageFile;
|
||
|
||
public function rules()
|
||
{
|
||
return [
|
||
[['imageFile'], 'file', 'skipOnEmpty' => false, 'extensions' => 'png, jpg'],
|
||
];
|
||
}
|
||
|
||
public function upload()
|
||
{
|
||
if ($this->validate()) {
|
||
$this->imageFile->saveAs('uploads/' . $this->imageFile->baseName . '.' . $this->imageFile->extension);
|
||
return true;
|
||
} else {
|
||
return false;
|
||
}
|
||
}
|
||
}
|
||
```
|
||
|
||
在以上代码里，`imageFile` 属性用于接收上传的文件实例。它对应一条 `file` 验证规则，
|
||
该规则使用 [[yii\validators\FileValidator]] 来确保只上传扩展名为 `png` 或 `jpg` 的文件。
|
||
`upload()` 方法会执行该验证并且把上传的文件保存在服务器上。
|
||
|
||
通过 `file` 验证器，你可以检查文件的扩展名，大小，MIME类型等等。详情请查阅
|
||
[Core Validatators](tutorial-core-validators.md#file) 章节。
|
||
|
||
> Tip: 如果你要上传的是一张图片，可以考虑使用 `image` 验证器。
|
||
`image` 验证器是通过 [[yii\validators\ImageValidator]] 实现验证的，确保对应的模型属性
|
||
收到的文件是有效的图片文件，然后才保存，或者使用扩展类 [Imagine Extension](https://github.com/yiisoft/yii2-imagine) 进行处理.
|
||
|
||
|
||
## 渲染文件输入 <span id="rendering-file-input"></span>
|
||
|
||
接下来，在视图里创建一个文件输入控件
|
||
|
||
```php
|
||
<?php
|
||
use yii\widgets\ActiveForm;
|
||
?>
|
||
|
||
<?php $form = ActiveForm::begin(['options' => ['enctype' => 'multipart/form-data']]) ?>
|
||
|
||
<?= $form->field($model, 'imageFile')->fileInput() ?>
|
||
|
||
<button>Submit</button>
|
||
|
||
<?php ActiveForm::end() ?>
|
||
```
|
||
|
||
需要注意的是要记得在表单选项里加入 `enctype` 属性以确保文件能被正常上传。
|
||
`fileInput()` 方法会渲染一个 `<input type="file">` 标签，让用户可以选择一个文件上传。
|
||
|
||
> Tip: 自2.0.8版本开始，当使用文件输入字段时，[[yii\web\widgets\ActiveField::fileInput|fileInput]]
|
||
会自动向表单添加 `enctype` 选项。
|
||
|
||
## 视图和模型的连接 <span id="wiring-up"></span>
|
||
|
||
现在，在控制器方法里编写连接模型和视图的代码以实现文件上传。
|
||
|
||
```php
|
||
namespace app\controllers;
|
||
|
||
use Yii;
|
||
use yii\web\Controller;
|
||
use app\models\UploadForm;
|
||
use yii\web\UploadedFile;
|
||
|
||
class SiteController extends Controller
|
||
{
|
||
public function actionUpload()
|
||
{
|
||
$model = new UploadForm();
|
||
|
||
if (Yii::$app->request->isPost) {
|
||
$model->imageFile = UploadedFile::getInstance($model, 'imageFile');
|
||
if ($model->upload()) {
|
||
// 文件上传成功
|
||
return;
|
||
}
|
||
}
|
||
|
||
return $this->render('upload', ['model' => $model]);
|
||
}
|
||
}
|
||
```
|
||
|
||
在上面的代码里，当提交表单的时候，[[yii\web\UploadedFile::getInstance()]]方法就被调用，
|
||
上传的文件用一个 `UploadedFile` 实例表示。然后，我们依靠模型的验证规则确保上传的文件是有效的，
|
||
并将文件保存在服务器上。
|
||
|
||
|
||
## 上传多个文件 <span id="uploading-multiple-files"></span>
|
||
|
||
将前面所述的代码做一些调整，也可以一次性上传多个文件。
|
||
|
||
首先你得调整模型类，在 `file` 验证规则里增加一个 `maxFiles` 选项，用以限制一次上传文件的最大数量。
|
||
`upload()`方法也得修改,以便一个一个地保存上传的文件。将 `maxFiles` 设置为 `0` 意味着可以同时上传的文件数量没有限制。
|
||
允许同时上传的文件的最大数量也受到 PHP 指令
|
||
[`max_file_uploads`](https://www.php.net/manual/zh/ini.core.php#ini.max-file-uploads)的限制，
|
||
默认为20。还应该更新 `upload()` 方法以逐个保存上传的文件。
|
||
|
||
```php
|
||
namespace app\models;
|
||
|
||
use yii\base\Model;
|
||
use yii\web\UploadedFile;
|
||
|
||
class UploadForm extends Model
|
||
{
|
||
/**
|
||
* @var UploadedFile[]
|
||
*/
|
||
public $imageFiles;
|
||
|
||
public function rules()
|
||
{
|
||
return [
|
||
[['imageFiles'], 'file', 'skipOnEmpty' => false, 'extensions' => 'png, jpg', 'maxFiles' => 4],
|
||
];
|
||
}
|
||
|
||
public function upload()
|
||
{
|
||
if ($this->validate()) {
|
||
foreach ($this->imageFiles as $file) {
|
||
$file->saveAs('uploads/' . $file->baseName . '.' . $file->extension);
|
||
}
|
||
return true;
|
||
} else {
|
||
return false;
|
||
}
|
||
}
|
||
}
|
||
```
|
||
|
||
在视图文件里，你需要把 `multiple` 选项添加到 `fileInput()` 函数调用里，
|
||
这样文件输入控件就可以接收多个文件。
|
||
|
||
```php
|
||
<?php
|
||
use yii\widgets\ActiveForm;
|
||
?>
|
||
|
||
<?php $form = ActiveForm::begin(['options' => ['enctype' => 'multipart/form-data']]) ?>
|
||
|
||
<?= $form->field($model, 'imageFiles[]')->fileInput(['multiple' => true, 'accept' => 'image/*']) ?>
|
||
|
||
<button>Submit</button>
|
||
|
||
<?php ActiveForm::end() ?>
|
||
```
|
||
|
||
最后，在控制器的 action 方法中，你应该调用 `UploadedFile::getInstances()` 而不是 `UploadedFile::getInstance()` 来把
|
||
`UploadedFile` 实例数组赋值给 `UploadForm::imageFiles`。
|
||
|
||
```php
|
||
namespace app\controllers;
|
||
|
||
use Yii;
|
||
use yii\web\Controller;
|
||
use app\models\UploadForm;
|
||
use yii\web\UploadedFile;
|
||
|
||
class SiteController extends Controller
|
||
{
|
||
public function actionUpload()
|
||
{
|
||
$model = new UploadForm();
|
||
|
||
if (Yii::$app->request->isPost) {
|
||
$model->imageFiles = UploadedFile::getInstances($model, 'imageFiles');
|
||
if ($model->upload()) {
|
||
// 文件上传成功
|
||
return;
|
||
}
|
||
}
|
||
|
||
return $this->render('upload', ['model' => $model]);
|
||
}
|
||
}
|
||
```
|