198 lines
8.1 KiB
Plaintext
198 lines
8.1 KiB
Plaintext
|
<%@ Page CodeBehind="insertvideo.aspx.cs" Language="c#" AutoEventWireup="True" Inherits="CompanyWeb.insertvideo" %>
|
|||
|
|
<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN" >
|
|||
|
|
<HTML>
|
|||
|
|
<HEAD>
|
|||
|
|
<TITLE><3E><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ƶ</TITLE>
|
|||
|
|
<style type="text/css">*{ margin:0;padding:0;}</style>
|
|||
|
|
<link rel="stylesheet" type="text/css" href="/css/cjadd.css">
|
|||
|
|
<script src="/Scripts/jquery-1.9.1.min.js" type="text/javascript"></script>
|
|||
|
|
<script src="/Scripts/qiniu.min.js" type="text/javascript"></script>
|
|||
|
|
<script src="/Scripts/moment.js" type="text/javascript"></script>
|
|||
|
|
<style type="text/css">
|
|||
|
|
.uploadvideobox{ display:inline-block; width:100%;}
|
|||
|
|
.uploadvideobtnbox{ position:relative;
|
|||
|
|
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{position: relative; width: 90%;height: 0.5em;border-radius: 10px;background: #999;margin: 10px auto;border: 1px solid #ff6780;}
|
|||
|
|
.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">
|
|||
|
|
function judgetime1(){
|
|||
|
|
var thedate = new Date();
|
|||
|
|
return date2str(thedate,"yyyyMMddhhmmss");
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function date2str(x,y) {
|
|||
|
|
var z = {y:x.getFullYear(),M:x.getMonth()+1,d:x.getDate(),h:x.getHours(),m:x.getMinutes(),s:x.getSeconds()};
|
|||
|
|
return y.replace(/(y+|M+|d+|h+|m+|s+)/g,function(v) {return ((v.length>1?"0":"")+eval('z.'+v.slice(-1))).slice(-(v.length>2?v.length:2))});
|
|||
|
|
}
|
|||
|
|
function selectimage(id) {
|
|||
|
|
$("#"+id).toggleClass("selected");
|
|||
|
|
}
|
|||
|
|
function qydelete(id) {
|
|||
|
|
var file = $("#hidden_file").val();
|
|||
|
|
if (file != "") {
|
|||
|
|
$.post("/ajax.ashx", { action: "deleteimage", delpics: escape(file) }, function (data) {
|
|||
|
|
|
|||
|
|
if (data.success) {
|
|||
|
|
alert("ɾ<><C9BE><EFBFBD>ɹ<EFBFBD>");
|
|||
|
|
$("#hidden_file").val("");
|
|||
|
|
art.dialog.close();
|
|||
|
|
} else {
|
|||
|
|
alert("ɾ<><C9BE>ʧ<EFBFBD><CAA7>");
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
} else {
|
|||
|
|
alert("<22><><EFBFBD><EFBFBD>û<EFBFBD><C3BB><EFBFBD>ϴ<EFBFBD><CFB4><EFBFBD>Ƶ");
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
function qx() {
|
|||
|
|
art.dialog.close();
|
|||
|
|
}
|
|||
|
|
function qyinsert(t) {
|
|||
|
|
var file = $("#hidden_file").val();
|
|||
|
|
if (file != "") {
|
|||
|
|
<%if (t == 1)
|
|||
|
|
{%>
|
|||
|
|
var d = $(window.parent.document);
|
|||
|
|
var ypic = d.find("#hiddenvideo").val();
|
|||
|
|
var dpic = file;
|
|||
|
|
if (ypic!="" && ypic != dpic) {
|
|||
|
|
window.parent.deletefile(1);
|
|||
|
|
}
|
|||
|
|
d.find("#hiddenvideo").val(file);
|
|||
|
|
d.find("#selectvideo").html("<22><><EFBFBD>ϴ<EFBFBD>");
|
|||
|
|
d.find("#delvideo").css("display","inline-block");
|
|||
|
|
<%}
|
|||
|
|
else
|
|||
|
|
{%>
|
|||
|
|
var html = "<div style=\"width:100%;text-align:center;\"><video width=\"500\" height=\"400\" style=\"background-color: #000000;\" controls=\"controls\" autoplay=\"autoplay\" poster=\"\" x5-playsinline=\"\" playsinline=\"\" webkit-playsinline=\"\"><source src=\"" + file + "\" type=\"video/mp4\"></video></div><span style=\"display:none\"><3E><><EFBFBD>ڱ<EFBFBD><DAB1><EFBFBD><EFBFBD><EFBFBD>Ƶ<EFBFBD><C6B5><EFBFBD>ܱ<EFBFBD><DCB1><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></span><br/>";
|
|||
|
|
window.parent.insertHtml(html);
|
|||
|
|
<%}%>
|
|||
|
|
art.dialog.close();
|
|||
|
|
|
|||
|
|
} else {
|
|||
|
|
alert("<22><><EFBFBD><EFBFBD>û<EFBFBD><C3BB><EFBFBD>ϴ<EFBFBD><CFB4><EFBFBD>Ƶ");
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
function videoUploading() {
|
|||
|
|
var d = $(window.parent.document);
|
|||
|
|
|
|||
|
|
try {
|
|||
|
|
// <20><>ţ<EFBFBD><C5A3>uptoken
|
|||
|
|
var token = "<%=upToken %>";
|
|||
|
|
|
|||
|
|
// config<69><67>Ϣ object <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ѡ
|
|||
|
|
var config = {
|
|||
|
|
//<2F><>ʾ<EFBFBD>Ƿ<EFBFBD>ʹ<EFBFBD><CAB9> cdn <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ϊ<EFBFBD><CEAA><EFBFBD><EFBFBD>ֵ<EFBFBD><D6B5>true <20><>ʾʹ<CABE>ã<EFBFBD>Ĭ<EFBFBD><C4AC>Ϊ false<73><65>
|
|||
|
|
useCdnDomain: false,
|
|||
|
|
// <20>Ƿ<EFBFBD><C7B7><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>־<EFBFBD><D6BE><EFBFBD>棬Ϊ<E6A3AC><CEAA><EFBFBD><EFBFBD>ֵ<EFBFBD><D6B5>Ĭ<EFBFBD><C4AC>Ϊ false<73><65>
|
|||
|
|
disableStatisticsReport: true,
|
|||
|
|
// ѡ<><D1A1><EFBFBD>ϴ<EFBFBD><CFB4><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ϊ null <20><> undefined ʱ<><CAB1><EFBFBD>Զ<EFBFBD><D4B6><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ϴ<EFBFBD><CFB4><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
retryCount: 3,
|
|||
|
|
// ѡ<><D1A1><EFBFBD>ϴ<EFBFBD><CFB4><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ϊ null <20><> undefined ʱ<><CAB1><EFBFBD>Զ<EFBFBD><D4B6><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ϴ<EFBFBD><CFB4><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
region: "",
|
|||
|
|
// <20>Ƿ<EFBFBD><C7B7><EFBFBD><EFBFBD><EFBFBD> MD5 У<>飬Ϊ<E9A3AC><CEAA><EFBFBD><EFBFBD>ֵ<EFBFBD><D6B5><EFBFBD>ڶϵ<DAB6><CFB5><EFBFBD><EFBFBD><EFBFBD>ʱ<EFBFBD><CAB1><EFBFBD><EFBFBD><EFBFBD><EFBFBD> MD5 У<><D0A3><EFBFBD>Ὣ<EFBFBD><E1BDAB><EFBFBD>ϴ<EFBFBD><CFB4>ķ<EFBFBD>Ƭ<EFBFBD>뵱ǰ<EBB5B1><C7B0>Ƭ<EFBFBD><C6AC><EFBFBD><EFBFBD> MD5 ֵ<>ȶԣ<C8B6><D4A3><EFBFBD><EFBFBD><EFBFBD>һ<EFBFBD>£<EFBFBD><C2A3><EFBFBD><EFBFBD>ش<EFBFBD><D8B4>÷<EFBFBD>Ƭ<EFBFBD><C6AC><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʹ<EFBFBD>ô<EFBFBD><C3B4><EFBFBD><EFBFBD>ķ<EFBFBD>Ƭ<EFBFBD><C6AC><EFBFBD><EFBFBD>ȡ<EFBFBD><C8A1>Ƭ<EFBFBD><C6AC><EFBFBD>ݲ<EFBFBD><DDB2><EFBFBD><EFBFBD><EFBFBD> MD5 <20><>Ҫ<EFBFBD><D2AA><EFBFBD><EFBFBD>һ<EFBFBD><D2BB><EFBFBD><EFBFBD>ʱ<EFBFBD>䣬<EFBFBD><E4A3AC><EFBFBD>˻<EFBFBD><CBBB><EFBFBD><EFBFBD><CEA2><EFBFBD>Ӷϵ<D3B6><CFB5><EFBFBD><EFBFBD><EFBFBD>ʱ<EFBFBD>ĺ<EFBFBD>ʱ<EFBFBD><CAB1>Ĭ<EFBFBD><C4AC>Ϊ false<73><65><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
checkByMD5: false,
|
|||
|
|
// <20><>Ƭ<EFBFBD>ϴ<EFBFBD>ʱÿƬ<C3BF>Ĵ<EFBFBD>С
|
|||
|
|
chunkSize: 4,
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
// putExtra
|
|||
|
|
var putExtra = {
|
|||
|
|
customVars: {}
|
|||
|
|
};
|
|||
|
|
// <20><><EFBFBD><EFBFBD><EFBFBD>ϴ<EFBFBD><CFB4>ļ<EFBFBD>
|
|||
|
|
var file = $("#videofile")[0].files[0]
|
|||
|
|
// <20><><EFBFBD><EFBFBD>key keyΪ<79>ϴ<EFBFBD><CFB4><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ļ<EFBFBD><C4BC><EFBFBD> <20>Զ<EFBFBD><D4B6>弴<EFBFBD><E5BCB4>
|
|||
|
|
var name = file.name;
|
|||
|
|
var key = "mdavideo/" + judgetime1() + name.substring(name.lastIndexOf("."));
|
|||
|
|
|
|||
|
|
const observable = qiniu.upload(file, key, token, putExtra, config)
|
|||
|
|
// <20><>ʼ<EFBFBD>ϴ<EFBFBD>
|
|||
|
|
observable.subscribe({
|
|||
|
|
next: (result) => {
|
|||
|
|
$(".processbox .child").css("width",result.total.percent+"%");
|
|||
|
|
//alert(JSON.stringify(result));
|
|||
|
|
//<2F>ϴ<EFBFBD><CFB4><EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
//if (response.total.percent > 0) {
|
|||
|
|
/* code <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD> */
|
|||
|
|
// }
|
|||
|
|
},
|
|||
|
|
error: (err) => {
|
|||
|
|
//<2F>ϴ<EFBFBD>ʧ<EFBFBD><CAA7>
|
|||
|
|
/* code <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD> */
|
|||
|
|
//alert(JSON.stringify(err)+"00");
|
|||
|
|
},
|
|||
|
|
complete: (res) => {
|
|||
|
|
//<2F>ϴ<EFBFBD><CFB4>ɹ<EFBFBD>
|
|||
|
|
$("#hidden_file").val("https://fv.pmhapp.cn/"+res.key);
|
|||
|
|
alert("<22>ϴ<EFBFBD><CFB4>ɹ<EFBFBD>");
|
|||
|
|
},
|
|||
|
|
});
|
|||
|
|
} catch (err) {
|
|||
|
|
alert(err);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
</HEAD>
|
|||
|
|
<BODY>
|
|||
|
|
<div class="imagebox"><h3><a href="javascript:void()" id="a1" class="visited" onclick="showbox(1)"><3E><><EFBFBD><EFBFBD><EFBFBD>ϴ<EFBFBD></a><!--<a href="javascript:void()" id="a2" onclick="showbox(2)"><3E><><EFBFBD>߹<EFBFBD><DFB9><EFBFBD></a>--></h3>
|
|||
|
|
<div id="insertbox1" class="insertbox">
|
|||
|
|
|
|||
|
|
<div class="insertbody"> <div class="uploadvideobox">
|
|||
|
|
<div class="processbox">
|
|||
|
|
<div class="child" style="width:0%">
|
|||
|
|
<p class="process-animate"></p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="clear"></div>
|
|||
|
|
<div class="uploadvideobtnbox"><span><3E>ϴ<EFBFBD></span><input type="file" id="videofile" value="" onchange="videoUploading()" accept="video/*" /></div>
|
|||
|
|
|
|||
|
|
</div></div>
|
|||
|
|
<div class="insertbutton"><input id="qydelete1" type="button" value="ɾ<><C9BE>" onclick="qydelete(1)" class="btnccc" /><input id="qx1" type="button" value="ȡ<><C8A1>" onclick="qx()" class="btnccc" /><input id="qyinsert1" type="button" value="<22><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ƶ" onclick="qyinsert(1)" /></div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
<input id="hidden_file" type="hidden" />
|
|||
|
|
</BODY>
|
|||
|
|
</HTML>
|