Yii2 文件上传插件

文件上传的需求也是必不可少,带飞一波。

文件上传插件 yii2-widget-fileinput

yii2-widget-fileinput小部件是基于Krajee的Bootstrap FileInput JQuery插件的定制文件输入小部件。想了解的话,可以点连接进入 GitHub 查看详细信息。

安装

切换到项目目录下

1
$ cd project

安装方法一

执行 composer安装

1
$ composer require kartik-v/yii2-widget-fileinput "@dev"

安装方法二

在项目目录下的composer.json文件中如下内容

1
2
3
4
5
"require": {
...,
"kartik-v/yii2-widget-fileinput": "@dev",
...
}

执行composer更新

1
$ composer update

使用 FileInput 插件

插件的使用可以分为两种,一种是独立的使用,一种是结合 Yii2的ActiveForm组件使用

独立使用

直接调用,在视图文件中写入如下代码:

1
2
3
4
5
6
7
8
use kartik\file\FileInput;
echo '<label class="control-label">Add Attachments</label>';
echo FileInput::widget([
'model' => $model,
'attribute' => 'attachment_1',
'options' => ['multiple' => true]
]);

结合ActiveForm表单组件使用

1
2
3
4
5
use kartik\file\FileInput;
echo $form->field($model, 'avatar')->widget(FileInput::classname(), [
'options' => ['accept' => 'image/*'],
]);
坚持原创技术分享,您的支持将鼓励我继续创作!