首页 > Web开发 > 详细

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

时间:2018-03-09 17:32:58      阅读:392      评论:0      收藏:0      [点我收藏+]

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 多图上传插件 文档属性说明

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!