<div class="layui-fluid layui-anim febs-anim" id="index-video-setting" lay-title="首页视频设置">
|
<div class="layui-row layui-col-space8 febs-container">
|
<form class="layui-form" action="" lay-filter="index-video-setting-form">
|
<div class="layui-card">
|
<div class="layui-card-body">
|
<!-- <div class="layui-form-item">-->
|
<!-- <label class="layui-form-label ">视频链接：</label>-->
|
<!-- <div class="layui-input-block">-->
|
<!-- <input id="videoUrl" type="text" name="videoUrl" lay-verify="" autocomplete="off" class="layui-input" >-->
|
<!-- </div>-->
|
<!-- </div>-->
|
|
<div class="layui-form-item">
|
<label class="layui-form-label">视频：</label>
|
<div class="layui-input-block">
|
<button type="button" class="layui-btn upload" id="upload" style="background-color: #009688; margin-bottom: 2px">上传文件</button>
|
<input type="text" name="videoUrl" autocomplete="off" value="" id="videoUrl" class="layui-input" readonly>
|
</div>
|
</div>
|
</div>
|
|
<div class="layui-card-footer">
|
<button class="layui-btn layui-btn-normal" lay-submit="" lay-filter="index-video-setting-form-submit" id="submit">保存</button>
|
</div>
|
</div>
|
</form>
|
</div>
|
</div>
|
<style>
|
.layui-form-label {
|
width: 120px;
|
}
|
|
.layui-form-item .layui-input-block {
|
margin-left: 150px;
|
}
|
|
.layui-table-form .layui-form-item {
|
margin-bottom: 20px !important;
|
}
|
</style>
|
<script data-th-inline="javascript" type="text/javascript">
|
layui.use(['dropdown', 'jquery', 'validate', 'febs', 'form', 'eleTree'], function () {
|
var $ = layui.jquery,
|
febs = layui.febs,
|
form = layui.form,
|
validate = layui.validate,
|
$view = $('#index-video-setting');
|
|
form.verify(validate);
|
|
// const client = new OSS({
|
// // yourRegion填写Bucket所在地域。以华东1（杭州）为例，yourRegion填写为oss-cn-hangzhou。
|
// region: "yourRegion",
|
// // 从STS服务获取的临时访问密钥（AccessKey ID和AccessKey Secret）。
|
// accessKeyId: "yourAccessKeyId",
|
// accessKeySecret: "yourAccessKeySecret",
|
// // 从STS服务获取的安全令牌（SecurityToken）。
|
// stsToken: "yourSecurityToken",
|
// // 填写Bucket名称。
|
// bucket: "examplebucket",
|
// });
|
|
form.render();
|
|
|
form.on('submit(index-video-setting-form-submit)', function (data) {
|
console.log(data);
|
febs.post(ctx + 'admin/news/addVideoInfo', data.field, function (res) {
|
if (res.code == 200) {
|
febs.alert.success(res.message);
|
} else {
|
febs.alert.warn(res.message);
|
}
|
});
|
// window.location.reload();
|
return false;
|
});
|
|
bindUpload();
|
function bindUpload() {
|
upload.render({
|
elem: '.upload'
|
,url: ctx + 'admin/goods/uploadFileBase64' //改成您自己的上传接口
|
,accept: 'file'
|
,before: function(obj){
|
layer.msg('上传中', {icon: 16, time: 0});
|
}
|
,done: function(res){
|
var item = this.item;
|
//如果上传失败
|
if(res.code !== 0){
|
return layer.msg('上传失败');
|
}
|
|
// $(item).parent().prev().find('input').val(res.data[0]);
|
$("#videoUrl").val(res.data.src);
|
layer.msg('上传完毕', {icon: 1});
|
}
|
,error: function(err){
|
return layer.msg('上传失败');
|
}
|
});
|
}
|
});
|
</script>
|
