针对FastAdmin新增上传多个图片,新增上传的视频的预览效果

简介: 针对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>*


相关文章
|
JavaScript
Fastadmin列表的多图预览(一行代码)
Fastadmin列表的多图预览(一行代码)
629 0
|
JavaScript 前端开发 数据库
让你少踩坑的fastadmin教程(3)
让你少踩坑的fastadmin教程
1728 0
让你少踩坑的fastadmin教程(3)
|
PHP 数据库
fastadmin框架如何查询数据表指定时间段内的数据
fastadmin框架如何查询数据表指定时间段内的数据
793 0
|
JavaScript
fastadmin表格列表内部自定义按钮
fastadmin表格列表内部自定义按钮
620 0
fastadmin表格列表内部自定义按钮
|
开发框架 数据库 数据安全/隐私保护
FastAdmin框架实现数据表的增删改查
FastAdmin框架实现数据表的增删改查
966 0
fastadmin设置跨域
fastadmin设置跨域
1041 0
fastadmin实现导出Excel和导入Excel数据
fastadmin实现导出Excel和导入Excel数据
947 0
fastadmin中Validate和validate的区别
fastadmin中Validate和validate的区别
319 0
|
Web App开发 开发框架 前端开发
Fastadmin是一款基于thinkphp和bootstrap的快速后台开发框架
Fastadmin是一款基于thinkphp和bootstrap的快速后台开发框架
381 2
|
JavaScript
fastadmin框架中如何添加一个自定义按钮
使用fastadmin框架添加一个按钮并给按钮绑定相应的事件指向控制器中的方法,在fastadmin框架的二次开发中非常的常见,接下来本篇就来介绍一下创建按钮的具体流程。
2137 0