首次推送
This commit is contained in:
lym
289
Mtxfw.VipSite/Admin_Member_video_add.aspx
Normal file
289
Mtxfw.VipSite/Admin_Member_video_add.aspx
Normal file
@@ -0,0 +1,289 @@
|
||||
<%@ Page Title="" Language="C#" AutoEventWireup="true" CodeBehind="Admin_Member_video_add.aspx.cs" Inherits="Mtxfw.VipSite.Admin_Member_video_add" %>
|
||||
<%@ Register Assembly="AspNetPager" Namespace="Wuqi.Webdiyer" TagPrefix="webdiyer" %>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head id="Head1" runat="server">
|
||||
<title></title>
|
||||
|
||||
|
||||
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
|
||||
<meta http-equiv="Cache-Control" content="no-store" />
|
||||
<meta http-equiv="Pragma" content="no-cache" />
|
||||
<meta http-equiv="Expires" content="0" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=7,IE=9,IE=10" />
|
||||
<script src="/Scripts/jquery-1.9.1.min.js" type="text/javascript"></script>
|
||||
<script src="/Scripts/jquery-migrate-1.1.1.min.js" type="text/javascript"></script>
|
||||
<script src="/Scripts/common.js" type="text/javascript"></script>
|
||||
<link href="/css/bootstrap.min.css" type="text/css" rel="stylesheet" />
|
||||
<script type="text/javascript" charset="utf-8" src="/Scripts/vod-js-sdk-v6.js"></script>
|
||||
<!-- Basic Styles -->
|
||||
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
|
||||
<link rel="stylesheet" type="text/css" media="screen" href="/css/bootstrap.css">
|
||||
<!--[if IE 7]>
|
||||
<link rel="stylesheet" type="text/css" media="screen" href="/css/font-awesome-ie7.min.css">
|
||||
<![endif]-->
|
||||
<link rel="stylesheet" type="text/css" media="screen" href="/css/smartadmin-production.css">
|
||||
<link rel="stylesheet" type="text/css" media="screen" href="/css/smartadmin-skins.css">
|
||||
|
||||
|
||||
<link rel="stylesheet" type="text/css" media="screen" href="/css/your_style.css">
|
||||
|
||||
<!-- Demo purpose only: goes with demo.js, you can delete this css when designing your own WebApp -->
|
||||
<link rel="stylesheet" type="text/css" media="screen" href="/css/demo.css">
|
||||
|
||||
|
||||
<!-- FAVICONS -->
|
||||
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
|
||||
<link rel="icon" href="/favicon.ico" type="image/x-icon">
|
||||
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="/css/cjadd.css">
|
||||
|
||||
<style type="text/css">
|
||||
.uploadvideobox{ display:inline-block; width:15em;}
|
||||
.uploadvideobtnbox{ position:relative;
|
||||
float:left;
|
||||
width: 8em;
|
||||
height: 2em;
|
||||
line-height: 2em;
|
||||
margin: 1em auto;
|
||||
background: linear-gradient(to right, #fec02e, #fc9b06);
|
||||
border-radius: 0.5em;
|
||||
|
||||
color:#fff;}
|
||||
.uploadvideobtnbox span{width: 100%;height: 100%; display:block;text-align:center;}
|
||||
.uploadvideobtnbox input#videofile{position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
opacity: 0;
|
||||
border:0;
|
||||
background-color:#000;}
|
||||
.processbox{ width: 100%;height: 0.5em;border-radius: 10px;background: #999;margin: 10px auto;border: 1px solid #ff6780; display:none}
|
||||
.child{position: relative;height:100%;border-radius:inherit; background-color:#ff4500;}
|
||||
|
||||
.process-animate{background: #ff6780;position: absolute;left: 0;top: 0;bottom: 0;border-radius:inherit;
|
||||
animation: process 1s linear forwards ;
|
||||
}
|
||||
@keyframes process
|
||||
{
|
||||
0%{
|
||||
left:0;right:100%;
|
||||
}
|
||||
20%{
|
||||
right:80%
|
||||
}
|
||||
40%{
|
||||
right:60%;
|
||||
}
|
||||
60%{right:40%;}
|
||||
80%{right:20%;}
|
||||
100%{right:0;}
|
||||
}
|
||||
.delvideobtnbox{display:inline-block; margin-left:1em; margin-top:1em; width:2em; height:2em; background-color:#fff; cursor:pointer; display:none}
|
||||
.delvideobtnbox img{display:inline-block; width:100%; height:100%;}
|
||||
</style>
|
||||
<script src="/artDialog/artDialog.js?skin=default" type="text/javascript"></script>
|
||||
<script src="/artDialog/iframeTools.js" type="text/javascript"></script>
|
||||
<script type="text/javascript">
|
||||
var open = function (url) {
|
||||
art.dialog.open(url, {
|
||||
title: '插入视频',
|
||||
width: '700px',
|
||||
height: '500px',
|
||||
lock: true,
|
||||
id: 'dg_test34243'
|
||||
});
|
||||
};
|
||||
</script>
|
||||
<script type="text/javascript">
|
||||
var checkForm = function () {
|
||||
var Text_Title = $("#<%=Text_Title.ClientID %>");
|
||||
if (Text_Title.val() == "") {
|
||||
alert('请输入标题!'); return false;
|
||||
}
|
||||
if ($(".uploadvideobtnbox span").html() != "已上传" && $(".uploadvideobtnbox span").html() != "上传完成") {
|
||||
alert('请上传视频!'); return false;
|
||||
}
|
||||
return true;
|
||||
};
|
||||
$(document).ready(function () {
|
||||
|
||||
if ($("#hidden_video").val() != "") {
|
||||
$(".uploadvideobtnbox span").html("已上传");
|
||||
}
|
||||
})
|
||||
/**
|
||||
* 计算签名。
|
||||
**/
|
||||
function getSignature() {
|
||||
return "<%=Signature%>";
|
||||
/*$.getJSON("/Ajax.ashx?t=" + Math.random(),
|
||||
{ action: "GetUgcUploadSign" },
|
||||
function (data) {
|
||||
if (data.success) {
|
||||
return data.sign;
|
||||
} else {
|
||||
return ""
|
||||
}
|
||||
})*/
|
||||
|
||||
};
|
||||
function uploadvideo() {
|
||||
try {
|
||||
const tcVod = new TcVod.default({
|
||||
getSignature: getSignature // 前文中所述的获取上传签名的函数
|
||||
})
|
||||
|
||||
const uploader = tcVod.upload({
|
||||
mediaFile: document.getElementById('videofile').files[0], // 媒体文件（视频或音频或图片），类型为 File
|
||||
})
|
||||
uploader.on('media_progress', function (info) {
|
||||
$(".uploadvideobtnbox span").html("上传中...");
|
||||
$(".processbox").show();
|
||||
$('.processbox .child').css("width", (info.percent * 100) + "%");
|
||||
|
||||
})
|
||||
|
||||
// 回调结果说明
|
||||
// type doneResult = {
|
||||
// fileId: string,
|
||||
// video: {
|
||||
// url: string
|
||||
// },
|
||||
// cover: {
|
||||
// url: string
|
||||
// }
|
||||
// }
|
||||
uploader.done().then(function (doneResult) {
|
||||
$("#hidden_video").val(doneResult.video.url);
|
||||
$("#file_id").val(doneResult.fileId);
|
||||
onuploadto();
|
||||
$(".uploadvideobtnbox span").html("正在验正，请稍候...");
|
||||
}).catch(function (err0) {
|
||||
alert(err0);
|
||||
});
|
||||
} catch (err) {
|
||||
alert(err);
|
||||
}
|
||||
|
||||
}
|
||||
function onuploadto() {
|
||||
var video = $("#hidden_video").val();
|
||||
var file_id = $("#file_id").val();
|
||||
$.post("/Ajax.ashx", { action: "addvideo", video: video,file_id:file_id }, function (data) {
|
||||
|
||||
if (data == "0") {
|
||||
$(".uploadvideobtnbox span").html("上传完成");
|
||||
} else {
|
||||
alert(data);
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
}
|
||||
function delvideo() {
|
||||
|
||||
var file_id = $("#file_id").val();
|
||||
if (file_id != "") {
|
||||
$(".uploadvideobtnbox span").html("删除中...");
|
||||
|
||||
$.post("/Ajax.ashx", { action: "delvideo", file_id: file_id }, function (data) {
|
||||
|
||||
if (data == "0") {
|
||||
$("#hidden_video").val("");
|
||||
$("#file_id").val("");
|
||||
$(".uploadvideobtnbox span").html("上传");
|
||||
} else {
|
||||
alert(data);
|
||||
}
|
||||
|
||||
});
|
||||
} else {
|
||||
alert("视频为空");
|
||||
}
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<form runat="server">
|
||||
<!-- RIBBON -->
|
||||
<div id="ribbon">
|
||||
|
||||
<span class="ribbon-button-alignment"> <span id="refresh" class="btn btn-ribbon" data-title="refresh" rel="tooltip" data-placement="bottom" data-original-title="<i class='text-warning fa fa-warning'></i> 注意！这会重新设置小工具的排位." data-html="true" data-reset-msg="刷新网站?"><i class="fa fa-refresh"></i></span> </span>
|
||||
|
||||
<!-- breadcrumb -->
|
||||
<ol class="breadcrumb">
|
||||
<li><a href="/" target="_top">主页</a></li>
|
||||
<li><a href="/Member_Index.aspx">会员中心首页</a></li>
|
||||
<li><a href="/Admin_Member_config.aspx">后台管理</a></li>
|
||||
<li>视频管理</li>
|
||||
</ol>
|
||||
<!-- end breadcrumb -->
|
||||
</div>
|
||||
<!-- END RIBBON -->
|
||||
<!-- MAIN CONTENT -->
|
||||
<div style="opacity: 1;" id="content">
|
||||
<div class="frontMain">
|
||||
|
||||
<h1 class="title01"><span class="semi-bold"><%=strTitle %></span></h1>
|
||||
<div class="MainContent">
|
||||
<table width="100%" class="data_table2">
|
||||
<tr>
|
||||
<th width="10%"> 标题：</th>
|
||||
<td>
|
||||
<asp:TextBox ID="Text_Title" Width="500px" runat="server"></asp:TextBox>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<th>上传视频：</th>
|
||||
<td>
|
||||
<div class="uploadvideobox">
|
||||
<div class="processbox">
|
||||
<div class="child" style="width:0%">
|
||||
<p class="process-animate"></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="uploadvideobtnbox"><span>上传</span><input type="file" id="videofile" value="" onchange="uploadvideo()"/></div>
|
||||
<div class="delvideobtnbox" onclick="delvideo()"><img src="/images/close.png" /></div>
|
||||
</div>
|
||||
<input type="hidden" id="hidden_video" runat="server" />
|
||||
<input type="hidden" id="file_id" runat="server" />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th width="10%"> 预览图片：</th>
|
||||
<td>
|
||||
<asp:FileUpload ID="File_AdsImg" runat="server" style="border:1px solid #ccc;" />
|
||||
<img id="Img_Img" runat="server" style="display:block; margin-top:4px;" />
|
||||
<asp:HiddenField ID="Hidd_Img" runat="server" />
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<th width="15%"></th>
|
||||
<td>
|
||||
<asp:Button ID="Btn_Insert" runat="server" Cssclass="abtn" Text="添加" OnClientClick="getContent();return checkForm();" />
|
||||
<asp:Button ID="Btn_Update" runat="server" Cssclass="abtn" Text="更新" OnClientClick="getContent();return checkForm();" />
|
||||
<input id="btn_back" type="reset" value="返回" onclick="history.go(-1)" class="abtn" />
|
||||
<asp:HiddenField ID="Hidd_Url" runat="server" />
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user