1、下载bootstrap-fileinput，下载地址：https://github.com/kartik-v/bootstrap-fileinput 2、将其放入项目的静态资源目录内。 3、在需要使用的页面注册css和js，代码如下：
registerCssFile('@web/statics/inputfile/css/fileinput.css',\['depends'=>\['frontend\\assets\\AppAsset'\]\]); $this->registerJsFile('@web/statics/inputfile/js/fileinput.js',\['depends'=>\['frontend\\assets\\AppAsset'\]\]); $this->registerJsFile('@web/statics/inputfile/js/fileinput\_locale\_zh.js',\['depends'=>\['frontend\\assets\\AppAsset'\]\]); $this->registerJs("$('#file-0').fileinput({ 'allowedFileExtensions' : \['jpg', 'png','gif'\],'showCaption':false, });"); ?>4、在form表单中使用：
'form-user-upload','options'=>\['class'=>'form-horizontal','role'=>"form"\],'fieldConfig' => \[ 'template' => "{input}
",
\]\]); ?>
<?= $form->field($model, 'user_image')->input('file',\['class'=>'file','id'=>'file-0'\]) ?>5、效果图如下：