fastAdmin新增上传上传视频预览效果
fastAdmin新增上传上传视频预览效果
针对同时上传的图片拼接和上传视频的预览效果,发现网上的教程少的可怜。在此自己实用的基础之上,做如下总结。
同时新增多个图片
*<div class="form-group">
<label class="control-label col-xs-12 col-sm-2">{:__('img_list')}:</label>
<div class="col-xs-12 col-sm-8">
<div class="input-group">
<input id="c-img_list" class="form-control" size="50" name="row[img_list]" type="text" value="{$row.img_list|htmlentities}">
<div class="input-group-addon no-border no-padding">
<span><button type="button" id="plupload-img_list" class="btn btn-danger plupload" data-input-id="c-img_list" data-mimetype="mp4/*/" data-multiple="true" data-preview-id="p-img_list"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
<span><button type="button" id="fachoose-img_list" class="btn btn-primary fachoose" data-input-id="c-img_list" data-mimetype="*" data-multiple="true"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
</div>
<span class="msg-box n-right" for="c-img_list"></span>
</div>
<ul class="row list-inline plupload-preview" id="p-img_list"></ul>
</div>
</div>*
FastAdmin上传视频预览效果
主要判断上传文件的后缀名,方案如下:
require-upload.js文件中的代码:
第182行的代码: