当前位置: 首页 > article >正文

fastadmin 后台添加视频

做个记录,字段自行对照解决

1.add.html

    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Video')}:</label>
        <div class="col-xs-12 col-sm-8">
            <div class="input-group">
                <input id="c-video" class="form-control" size="50" name="row[video]" type="text">
                <div class="input-group-addon no-border no-padding">
                    <span><button type="button" id="faupload-video" class="btn btn-danger faupload" data-input-id="c-video" data-mimetype="mp4,mp3,avi,flv,wmv" data-multiple="false" data-preview-id="p-video"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
                    <span><button type="button" id="fachoose-video" class="btn btn-primary fachoose" data-input-id="c-video" data-mimetype="mp4,mp3,avi,flv,wmv" data-multiple="false"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
                </div>
                <span class="msg-box n-right" for="c-image"></span>
            </div>
            <ul class="row list-inline faupload-preview" id="p-video"></ul>
        </div>
    </div>

2.edit.html

    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Video')}:</label>
        <div class="col-xs-12 col-sm-8">
            <div class="input-group">
                <input id="c-video" class="form-control" size="50" name="row[video]" type="text" value="{$row.video|htmlentities}">
                <div class="input-group-addon no-border no-padding">
                    <span><button type="button" id="faupload-video" class="btn btn-danger faupload" data-input-id="c-video" data-mimetype="mp4,mp3,avi,flv,wmv" data-multiple="false" data-preview-id="p-video"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
                    <span><button type="button" id="fachoose-video" class="btn btn-primary fachoose" data-input-id="c-video" data-mimetype="mp4,mp3,avi,flv,wmv" data-multiple="false"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
                </div>
                <span class="msg-box n-right" for="c-video"></span>
            </div>
            <ul class="row list-inline faupload-preview" id="p-video"></ul>
        </div>
    </div>

3.后台列表js

 {field: 'video', title: __('Video'), operate: false,formatter:function (val,data) {
                                return '<video style="width: 200px;height: 140px" src="'+val+'" controls="controls"></video>';
                            }},

4.需要注意的地方
后台需要配置的地方可上传最大文件以及超时时间等问题自行查看链接
fastadmin后台上传视频


http://www.kler.cn/a/104482.html

相关文章:

  • VisualStudio[WPF/.NET]基于CommunityToolkit.Mvvm架构开发
  • 对于构建自定义协议的思考(Java)
  • 压敏电阻有哪些原理?|深圳比创达电子EMC
  • uniapp编译微信小程序富文本rich-text的图片样式不生效原因
  • 腾讯云价格计算器有用过的吗?好用!
  • 第十九章 Kali Linux桌面概览
  • Qt跨平台(统信UOS)各种坑解决办法
  • 大数据调度最佳实践 | 从Airflow迁移到Apache DolphinScheduler
  • 【开题报告】基于Spring Boot的课程在线预约系统的设计与实现
  • 解决LOGITECH 罗技驱动 MAC版出现的一些问题汇总!
  • SQL 表达式
  • RocketMQ与Kafka差异对比:从架构到性能细节,解析两者在可靠性、扩展性和可用性等方面的优劣
  • CAP定理下:Zookeeper、Eureka、Nacos简单分析
  • 如何在Ubuntu下安装RabbitMQ服务并异地远程访问?
  • Rust trait、动态派发和向上转型
  • 音乐制作软件 Studio One 6 mac中文版软件特点
  • 宣传画册制作技巧,学会了避免踩坑
  • ubuntu安装配置mantis
  • Docker基础知识
  • [AutoSAR系列] 1.3 AutoSar 架构