yii2文件上传,yii2中如何使用fileinput多图上传插件

科技资讯 投稿 9400 0 评论

yii2文件上传,yii2中如何使用fileinput多图上传插件

本章内容给大家谈谈关于遇上yii2中如何使用fileinput多图上传插件等问题,我们该怎么处理呢。下面这篇文章将为你提供一个解决思路,希望能帮你解决到相关问题。

一、什么是FileInput多图上传插件

FileInput多图上传插件是一款基于jQuery的插件,它可以用于实现多图上传功能,它是bootstrap中的一个插件,可以让你在网页上实现多图上传的功能。

二、Yii2中如何使用FileInput多图上传插件

1、首先在Yii2项目中安装FileInput插件,在项目根目录下执行composer命令:

composer require kartik-v/yii2-widget-fileinput "*"

2、在需要使用的地方引入FileInput插件:

use kartik\file\FileInput;

3、调用FileInput插件:

echo FileInput::widget([
    'name' => 'attachment_48',
    'options' => [
        'multiple' => true
    ],
    'pluginOptions' => [
        'uploadUrl' => Url::to(['/site/file-upload']),
        'uploadExtraData' => [
            'album_id' => 20,
            'cat_id' => 'Nature'
        ],
        'maxFileCount' => 10
    ]
]);

4、在控制器中创建一个action,用来处理上传文件:

public function actionFileUpload()
{
    $model = new UploadForm();
    if (Yii::$app->request->isPost) {
        $model->file = UploadedFile::getInstance($model, 'file');
        if ($model->validate()) {
            $model->file->saveAs('uploads/' . $model->file->baseName . '.' . $model->file->extension);
        }
    }
    return $this->render('upload', ['model' => $model]);
}

三、总结

Yii2中使用FileInput多图上传插件需要安装插件,引入插件,调用插件,和创建action来处理上传文件,通过这些步骤,我们就可以实现在Yii2项目中实现多图上传的功能了。

以上就是为你整理的yii2中如何使用fileinput多图上传插件全部内容,希望文章能够帮你解决相关问题,更多请关注本站相关栏目的其它相关文章!

编程笔记 » yii2文件上传,yii2中如何使用fileinput多图上传插件

赞同 (50) or 分享 (0)
游客 发表我的评论   换个身份
取消评论

表情
(0)个小伙伴在吐槽