码迷,mamicode.com
首页 > Web开发 > 详细

Bootstrap FileInput 多图上传插件 文档属性说明

时间:2018-03-09 17:54:57      阅读:196      评论:0      收藏:0      [点我收藏+]

标签:class   分享图片   action   var   blog   mis   表单   require   source   

Bootstrap FileInput 多图上传插件   原文链接:http://blog.csdn.net/misterwho/article/details/72886248?utm_source=itdadao&utm_medium=referral
这货融合bootstrap框架,界面相当不错,api非常丰富,可定制内容能满足绝大数的场景.

最近在撸一个项目,用到它,花时间收集了一些文档,整理并翻译了部份内容.备用.

github 地址 
https://github.com/kartik-v/yii2-widget-fileinput

官方 api/demo地址: 
http://demos.krajee.com/widget-details/fileinput

在Yii2上安装、简单使用

安装  composer require kartik-v/yii2-widget-fileinput "@dev"

基本使用

use kartik\file\FileInput;

// 非ActiveForm的表单
echo ‘<label class="control-label">图片</label>‘;
echo FileInput::widget([
    ‘model‘ => $model,
    ‘attribute‘ => ‘image[]‘,
    ‘options‘ => [‘multiple‘ => true]
]);


//使用ActiveForm的表单
echo $form->field($model, ‘image[]‘)->widget(FileInput::classname(), [
    ‘options‘ => [‘multiple‘ => true],
]);

 附:

Options 说明:

技术分享图片

技术分享图片

技术分享图片

技术分享图片

技术分享图片
2.Method说明:

技术分享图片

1.1 fileActionSettings 说明:

 技术分享图片


 原文链接:http://blog.csdn.net/misterwho/article/details/72886248?utm_source=itdadao&utm_medium=referral

Bootstrap FileInput 多图上传插件 文档属性说明

标签:class   分享图片   action   var   blog   mis   表单   require   source   

原文地址:https://www.cnblogs.com/1175429393wljblog/p/8534629.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!