946 lines
38 KiB
HTML
946 lines
38 KiB
HTML
|
<!doctype html>
|
|||
|
|
<html>
|
|||
|
|
|
|||
|
|
<head>
|
|||
|
|
<meta charset="utf-8">
|
|||
|
|
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,initial-scale=1.0,width=device-width" />
|
|||
|
|
<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
|
|||
|
|
<title>上传视频</title>
|
|||
|
|
<link rel="stylesheet" type="text/css" href="/css/api.css" />
|
|||
|
|
<link rel="stylesheet" type="text/css" href="/css/content.css" />
|
|||
|
|
<script type="text/javascript" src="/scripts/jquery-3.4.1.min.js"></script>
|
|||
|
|
<script type="text/javascript" src="/script/main.js?t=0"></script>
|
|||
|
|
<script type="text/javascript" src="/layer/layer.js"></script>
|
|||
|
|
<script type="text/javascript" src="/Scripts/long.js"></script>
|
|||
|
|
<script type="text/javascript" src="/script/moment.js"></script>
|
|||
|
|
<script type="text/javascript" src="/script/area.js?t=0"></script>
|
|||
|
|
<script type="text/javascript" src="/script/api.js"></script>
|
|||
|
|
<script src="/Scripts/qiniu.min.js" type="text/javascript"></script>
|
|||
|
|
<style type="text/css">
|
|||
|
|
html, body {
|
|||
|
|
overflow: hidden;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#wrapper {
|
|||
|
|
flex: 1;
|
|||
|
|
overflow-y: auto;
|
|||
|
|
-webkit-overflow-scrolling: touch;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.pullDown {
|
|||
|
|
position: absolute;
|
|||
|
|
top: -1.25rem;
|
|||
|
|
left: 0;
|
|||
|
|
width: 100%;
|
|||
|
|
z-index: 100;
|
|||
|
|
text-align: center;
|
|||
|
|
display: none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.pullUp {
|
|||
|
|
position: absolute;
|
|||
|
|
bottom: -1.25rem;
|
|||
|
|
left: 0;
|
|||
|
|
width: 100%;
|
|||
|
|
z-index: 100;
|
|||
|
|
text-align: center;
|
|||
|
|
display: none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.pullDown.loading, .pullUp.loading, .pullDown.refresh, .pullUp.refresh {
|
|||
|
|
display: block;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#wrapper_content .ub-f1 {
|
|||
|
|
color: #fff;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.appadv_title {
|
|||
|
|
width: 100%;
|
|||
|
|
padding: 0 0em;
|
|||
|
|
height: 2em;
|
|||
|
|
line-height: 2em;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.appadv_title div {
|
|||
|
|
height: 2em;
|
|||
|
|
line-height: 2em;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
color: #19A868;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
select {
|
|||
|
|
color: #848484;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.dbtnbox {
|
|||
|
|
margin: 0 auto;
|
|||
|
|
width: 100%;
|
|||
|
|
text-align: center;
|
|||
|
|
padding: 0;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.dbtnbox input[type='button'] {
|
|||
|
|
height: 3.5em;
|
|||
|
|
line-height: 3.5em;
|
|||
|
|
border-radius: 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uploadpic_btn {
|
|||
|
|
position: absolute;
|
|||
|
|
width: 5em;
|
|||
|
|
height: 5em;
|
|||
|
|
right: 0;
|
|||
|
|
top: 0;
|
|||
|
|
opacity: 0;
|
|||
|
|
filter: alpha(opacity=0);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.layer {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
position: fixed;
|
|||
|
|
top: 0;
|
|||
|
|
left: 0;
|
|||
|
|
z-index: 100;
|
|||
|
|
background: rgba(0, 0, 0, .5);
|
|||
|
|
display: none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.layer img {
|
|||
|
|
width: auto;
|
|||
|
|
max-width: 20em;
|
|||
|
|
position: absolute;
|
|||
|
|
top: 50%;
|
|||
|
|
left: 50%;
|
|||
|
|
transform: translate(-50%, -50%);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.tixin-item .account li {
|
|||
|
|
border-bottom: 1px solid #f5f5f5;
|
|||
|
|
}
|
|||
|
|
</style>
|
|||
|
|
<script type="text/javascript">
|
|||
|
|
var userId = null;
|
|||
|
|
var LoginId = null;
|
|||
|
|
var opentimes = null;
|
|||
|
|
var sInterval0 = null;
|
|||
|
|
var uploading = 0, ifytfg = 0, ifyscw = 0; cutvideoseconds = 0;
|
|||
|
|
var video0 = "", uploadpic = "", upToken = "", FileId="";
|
|||
|
|
var myScroll = null;
|
|||
|
|
var pullDown = 1; // 下拉刷新避免多次执行
|
|||
|
|
var pullUp = 1; // 上拉加载避免多次执行
|
|||
|
|
var downHeight = 0;
|
|||
|
|
var upHeight = 0;
|
|||
|
|
var isload = true;//设置是否终止滚动加载
|
|||
|
|
var curScrollHeight = 0;//当前滚动位置
|
|||
|
|
var curCount = 1;//计数器，防止滚动时重复执行加载下一页
|
|||
|
|
var myXhr = null;
|
|||
|
|
$(document).ready(function () {
|
|||
|
|
userId = getlocalStorage("userId");
|
|||
|
|
LoginId = getlocalStorage("LoginId");
|
|||
|
|
var tt = $.getUrlParam("t");
|
|||
|
|
if (tt != null) {
|
|||
|
|
$("#videotype").val(tt);
|
|||
|
|
$("#videotype").attr("disabled", true);
|
|||
|
|
}
|
|||
|
|
var ifapp = 0;
|
|||
|
|
var aifapp = getlocalStorage("ifapp");
|
|||
|
|
if (aifapp != null) {
|
|||
|
|
ifapp = aifapp;
|
|||
|
|
}
|
|||
|
|
if (ifapp == 0) {
|
|||
|
|
$("#myForm").css("display", "block");
|
|||
|
|
$("#myForm0").css("display", "none");
|
|||
|
|
$("#myForm1").css("display", "block");
|
|||
|
|
$("#myForm2").css("display", "none");
|
|||
|
|
$("#upload_pic").removeClass("uhide");
|
|||
|
|
} else {
|
|||
|
|
$("#myForm").css("display", "none");
|
|||
|
|
$("#myForm0").css("display", "block");
|
|||
|
|
$("#myForm1").css("display", "none");
|
|||
|
|
$("#myForm2").css("display", "block");
|
|||
|
|
$("#upload_pic").addClass("uhide");
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
rdata();
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
function rdata() {
|
|||
|
|
userId = getlocalStorage("userId");
|
|||
|
|
LoginId = getlocalStorage("LoginId");
|
|||
|
|
if (userId != null && LoginId) {
|
|||
|
|
var userdata = JSON.parse(getlocalStorage("userinfo"));
|
|||
|
|
$("#msg_box").html(userdata.upmsg);
|
|||
|
|
}
|
|||
|
|
$(".ajaxLoader").removeClass("uhide");
|
|||
|
|
|
|||
|
|
|
|||
|
|
$.ajax({
|
|||
|
|
type: 'GET',
|
|||
|
|
url: "/apiajax.ashx",
|
|||
|
|
data: "&action=getupvideodata&ifweb=1&userId=" + (userId != null ? userId : "") + "&LoginId=" + (LoginId != null ? LoginId : ""),
|
|||
|
|
dataType: "JSON",
|
|||
|
|
error: function (xhr, type) {
|
|||
|
|
tishi3("发生错误：" + JSON.stringify(xhr));
|
|||
|
|
},
|
|||
|
|
success: function (data) {
|
|||
|
|
|
|||
|
|
|
|||
|
|
if (data) {
|
|||
|
|
|
|||
|
|
if (data.status == 1) {
|
|||
|
|
$("#kupvideonum_box").html(data.kupvideonum);
|
|||
|
|
ifytfg = data.ifytfg;
|
|||
|
|
ifyscw = data.ifyscw;
|
|||
|
|
cutvideoseconds = data.cutvideoseconds;
|
|||
|
|
upToken = data.upToken;
|
|||
|
|
if (ifytfg == 1) {
|
|||
|
|
$(".company_box").addClass("uhide");
|
|||
|
|
}
|
|||
|
|
else {
|
|||
|
|
$(".company_box").removeClass("uhide");
|
|||
|
|
}
|
|||
|
|
if (ifyscw == 1) {
|
|||
|
|
$("#savebtn").attr("disabled");
|
|||
|
|
$("#savebtn").val("提交");
|
|||
|
|
}
|
|||
|
|
else {
|
|||
|
|
$("#savebtn").removeAttr("disabled");
|
|||
|
|
$("#savebtn").val("提交");
|
|||
|
|
}
|
|||
|
|
$(".ajaxLoader").addClass("uhide");
|
|||
|
|
} else {
|
|||
|
|
|
|||
|
|
tishi3(data.msg);
|
|||
|
|
$(".ajaxLoader").addClass("uhide");
|
|||
|
|
if (data.msg == "您未登录") {
|
|||
|
|
onlink("/");
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
tishi3("网络错误！");
|
|||
|
|
$(".ajaxLoader").addClass("uhide");
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
function getcity() {
|
|||
|
|
var showqy = $("#Province").val() + "," + $("#City").val() + "," + $("#County").val();
|
|||
|
|
setlocalStorage("showqy", showqy);
|
|||
|
|
layer.open({
|
|||
|
|
type: 2,
|
|||
|
|
title: false,
|
|||
|
|
closeBtn: false,
|
|||
|
|
content: "address_selectqy.html",
|
|||
|
|
area: ['100%', '100%']
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
//onlink("address_selectqy.html");
|
|||
|
|
}
|
|||
|
|
function showaddress(Province, City, County) {
|
|||
|
|
$('#Province').val(Province);
|
|||
|
|
$('#City').val(City);
|
|||
|
|
$('#County').val(County);
|
|||
|
|
$('#area').val(getname(Province, City, County));
|
|||
|
|
}
|
|||
|
|
function stopPropagation(e) {
|
|||
|
|
if (e.stopPropagation)
|
|||
|
|
e.stopPropagation();
|
|||
|
|
else
|
|||
|
|
e.cancelBubble = true;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function onselectout(event) {
|
|||
|
|
|
|||
|
|
if ($(".select_box_bg").css("display") != "none") {
|
|||
|
|
$(".select_box_bg").css("display", "none");
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
function closeselect() {
|
|||
|
|
$(".select_box_bg").css("display", "none");
|
|||
|
|
$("#savebtn").val("提交");
|
|||
|
|
}
|
|||
|
|
function onzftype(t) {
|
|||
|
|
zftype = t;
|
|||
|
|
if (t == 0) {
|
|||
|
|
$("#zftype0 .current").addClass("on");
|
|||
|
|
$("#zftype6 .current").removeClass("on");
|
|||
|
|
$("#zftype7 .current").removeClass("on");
|
|||
|
|
$("#zftype2 .current").removeClass("on");
|
|||
|
|
$("#zftype3 .current").removeClass("on");
|
|||
|
|
} else if (t == 6) {
|
|||
|
|
$("#zftype0 .current").removeClass("on");
|
|||
|
|
$("#zftype6 .current").addClass("on");
|
|||
|
|
$("#zftype7 .current").removeClass("on");
|
|||
|
|
$("#zftype2 .current").removeClass("on");
|
|||
|
|
$("#zftype3 .current").removeClass("on");
|
|||
|
|
} else if (t == 7) {
|
|||
|
|
$("#zftype0 .current").removeClass("on");
|
|||
|
|
$("#zftype6 .current").removeClass("on");
|
|||
|
|
$("#zftype7 .current").addClass("on");
|
|||
|
|
$("#zftype2 .current").removeClass("on");
|
|||
|
|
$("#zftype3 .current").removeClass("on");
|
|||
|
|
} else if (t == 2) {
|
|||
|
|
$("#zftype0 .current").removeClass("on");
|
|||
|
|
$("#zftype6 .current").removeClass("on");
|
|||
|
|
$("#zftype7 .current").removeClass("on");
|
|||
|
|
$("#zftype2 .current").addClass("on");
|
|||
|
|
$("#zftype3 .current").removeClass("on");
|
|||
|
|
} else if (t == 3) {
|
|||
|
|
$("#zftype0 .current").removeClass("on");
|
|||
|
|
$("#zftype6 .current").removeClass("on");
|
|||
|
|
$("#zftype7 .current").removeClass("on");
|
|||
|
|
$("#zftype2 .current").removeClass("on");
|
|||
|
|
$("#zftype3 .current").addClass("on");
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
function onsave() {
|
|||
|
|
var title = fTrim($('#txttitle').val());
|
|||
|
|
var t = fTrim($('#videotype').val());
|
|||
|
|
var ifb = true;
|
|||
|
|
if (ifytfg == 0) {
|
|||
|
|
tishi3("你还没申请企业品牌展示！");
|
|||
|
|
ifb = false;
|
|||
|
|
}
|
|||
|
|
if (ifb) {
|
|||
|
|
if (ifyscw == 1) {
|
|||
|
|
tishi3("可上传数量不足！");
|
|||
|
|
ifb = false;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if (ifb) {
|
|||
|
|
if (title == "") {
|
|||
|
|
tishi3("视频标题不能为空！");
|
|||
|
|
$("#txttitle").focus();
|
|||
|
|
ifb = false;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (ifb) {
|
|||
|
|
if (video0 == "") {
|
|||
|
|
tishi3("视频未上传！");
|
|||
|
|
ifb = false;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if (ifb) {
|
|||
|
|
if (uploadpic == "") {
|
|||
|
|
tishi3("预览图片未上传！");
|
|||
|
|
ifb = false;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (ifb) {
|
|||
|
|
if (uploading == 1) {
|
|||
|
|
tishi3("正在上传文件中！");
|
|||
|
|
ifb = false;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if (ifb) {
|
|||
|
|
if ($("#savebtn").val() == "提交") {
|
|||
|
|
$("#savebtn").val("请稍候...");
|
|||
|
|
|
|||
|
|
try {
|
|||
|
|
var datas = {
|
|||
|
|
action: "uploadvideo",
|
|||
|
|
userId: userId,
|
|||
|
|
LoginId: LoginId,
|
|||
|
|
t: t,
|
|||
|
|
videotitle: title,
|
|||
|
|
videofile: video0,
|
|||
|
|
uploadpic: uploadpic,
|
|||
|
|
FileId: FileId
|
|||
|
|
};
|
|||
|
|
$.ajax({
|
|||
|
|
type: 'POST',
|
|||
|
|
url: "/apiajax.ashx?ifweb=0",
|
|||
|
|
data: datas,
|
|||
|
|
dataType: "json",
|
|||
|
|
error: function (xhr) {
|
|||
|
|
tishi3("发生错误：" + JSON.stringify(xhr));
|
|||
|
|
},
|
|||
|
|
success: function (data) {
|
|||
|
|
|
|||
|
|
|
|||
|
|
if (data) {
|
|||
|
|
if (data.status == 1) {
|
|||
|
|
tishi3(data.msg);
|
|||
|
|
$("#savebtn").val("提交");
|
|||
|
|
video0 = "";
|
|||
|
|
uploadpic = "";
|
|||
|
|
$('#txttitle').val("");
|
|||
|
|
$("#ysc_box").addClass("uhide");
|
|||
|
|
var myForm = document.getElementById("myForm1");
|
|||
|
|
$(myForm).find("img").attr("src", "../image/add1.png");
|
|||
|
|
rdata();
|
|||
|
|
} if (data.status == 0) {
|
|||
|
|
tishi3(data.msg);
|
|||
|
|
$("#savebtn").val("提交");
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
tishi3('网络异常，请稍后重试');
|
|||
|
|
$("#savebtn").val("提交");
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
} catch (err) {
|
|||
|
|
tishi3(err);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function dpreview(t) {
|
|||
|
|
var ifb = true;
|
|||
|
|
if (ifytfg == 0) {
|
|||
|
|
tishi3("你还没申请企业品牌展示！");
|
|||
|
|
ifb = false;
|
|||
|
|
}
|
|||
|
|
if (ifb) {
|
|||
|
|
if (ifyscw == 1) {
|
|||
|
|
tishi3("可上传数量不足！");
|
|||
|
|
ifb = false;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if (ifb) {
|
|||
|
|
var val = $("#uploadpic" + t).val();
|
|||
|
|
if (val != "") {
|
|||
|
|
var file = document.getElementById("uploadpic" + t).files[0];
|
|||
|
|
var myForm = document.getElementById("myForm");
|
|||
|
|
if (t == 1) {
|
|||
|
|
myForm = document.getElementById("myForm1");
|
|||
|
|
}
|
|||
|
|
if (t == 1) {
|
|||
|
|
$(myForm).find("img").attr("src", "../image/loading.gif");
|
|||
|
|
} else {
|
|||
|
|
$(".processbox").addClass("uhide");
|
|||
|
|
}
|
|||
|
|
try {
|
|||
|
|
// 七牛云uptoken
|
|||
|
|
var token = upToken;
|
|||
|
|
|
|||
|
|
// config信息 object 参数可选
|
|||
|
|
var config = {
|
|||
|
|
//表示是否使用 cdn 加速域名，为布尔值，true 表示使用，默认为 false。
|
|||
|
|
useCdnDomain: false,
|
|||
|
|
// 是否禁用日志报告，为布尔值，默认为 false。
|
|||
|
|
disableStatisticsReport: true,
|
|||
|
|
// 选择上传域名区域；当为 null 或 undefined 时，自动分析上传域名区域。
|
|||
|
|
retryCount: 3,
|
|||
|
|
// 选择上传域名区域；当为 null 或 undefined 时，自动分析上传域名区域。
|
|||
|
|
region: "",
|
|||
|
|
// 是否开启 MD5 校验，为布尔值；在断点续传时，开启 MD5 校验会将已上传的分片与当前分片进行 MD5 值比对，若不一致，则重传该分片，避免使用错误的分片。读取分片内容并计算 MD5 需要花费一定的时间，因此会稍微增加断点续传时的耗时，默认为 false，不开启。
|
|||
|
|
checkByMD5: false,
|
|||
|
|
// 分片上传时每片的大小
|
|||
|
|
chunkSize: 4,
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
// putExtra
|
|||
|
|
var putExtra = {
|
|||
|
|
customVars: {}
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
// 设置key key为上传后的文件名 自定义即可
|
|||
|
|
var name = file.name;
|
|||
|
|
var key = "ksd2023/userid_" + userId + "_" + judgetime1(new Date()) + name.substring(name.lastIndexOf("."));
|
|||
|
|
|
|||
|
|
const observable = qiniu.upload(file, key, token, putExtra, config)
|
|||
|
|
// 开始上传
|
|||
|
|
observable.subscribe({
|
|||
|
|
next: (result) => {
|
|||
|
|
//alert(JSON.stringify(result));
|
|||
|
|
//上传进度
|
|||
|
|
|
|||
|
|
if (t == 0) {
|
|||
|
|
$('.processbox').removeClass("uhide");
|
|||
|
|
$(".processbox .child").css("width", result.total.percent + "%");
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
error: (err) => {
|
|||
|
|
//上传失败
|
|||
|
|
/* code ··· */
|
|||
|
|
if (t == 1) {
|
|||
|
|
$(myForm).find("img").attr("src", "../image/add1.png");
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
complete: (res) => {
|
|||
|
|
//上传成功
|
|||
|
|
//alert(JSON.stringify()+"|");
|
|||
|
|
|
|||
|
|
if (t == 1) {
|
|||
|
|
var filepath = uploadpic;
|
|||
|
|
if (filepath != "") {
|
|||
|
|
deletefile(filepath.replace("https://fv.pmhapp.cn/", ""));
|
|||
|
|
}
|
|||
|
|
$(myForm).find("img").attr("src", "https://fv.pmhapp.cn/" + key);
|
|||
|
|
uploadpic = "https://fv.pmhapp.cn/" + key;
|
|||
|
|
} else {
|
|||
|
|
var filepath = video0;
|
|||
|
|
if (filepath != "") {
|
|||
|
|
deletefile(filepath.replace("https://fv.pmhapp.cn/", ""));
|
|||
|
|
}
|
|||
|
|
$('.processbox').addClass("uhide");
|
|||
|
|
video0 = "https://fv.pmhapp.cn/" + key;
|
|||
|
|
$("#ysc_box").removeClass("uhide");
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
});
|
|||
|
|
} catch (err) {
|
|||
|
|
alert(err);
|
|||
|
|
}
|
|||
|
|
/*
|
|||
|
|
var myForm = document.getElementById("myForm");
|
|||
|
|
var formdata0 = new FormData(myForm);
|
|||
|
|
formdata0.append("action", "uploadFile");
|
|||
|
|
formdata0.append("file1", file);
|
|||
|
|
formdata0.append("userId", userId);
|
|||
|
|
formdata0.append("LoginId", LoginId);
|
|||
|
|
uploading = 1;
|
|||
|
|
$('.processbox').removeClass("uhide");
|
|||
|
|
|
|||
|
|
$.ajax({
|
|||
|
|
type: "POST",
|
|||
|
|
url: "/apiajax.ashx?ifweb=1",
|
|||
|
|
data: formdata0,
|
|||
|
|
dataType: 'JSON',
|
|||
|
|
cache: false, // 不缓存
|
|||
|
|
processData: false, // jQuery不要去处理发送的数据
|
|||
|
|
contentType: false, // jQuery不要去设置Content-Type请求头
|
|||
|
|
xhr: function () { //获取ajaxSettings中的xhr对象，为它的upload属性绑定progress事件的处理函数
|
|||
|
|
myXhr = $.ajaxSettings.xhr();
|
|||
|
|
if (myXhr.upload) { //检查upload属性是否存在
|
|||
|
|
//绑定progress事件的回调函数
|
|||
|
|
myXhr.upload.addEventListener('progress', progressHandlingFunction, false);
|
|||
|
|
}
|
|||
|
|
return myXhr; //xhr对象返回给jQuery使用
|
|||
|
|
},
|
|||
|
|
success: function (data) {
|
|||
|
|
tishi2close();
|
|||
|
|
uploading = 0;
|
|||
|
|
if (data.status == 1) {
|
|||
|
|
|
|||
|
|
$('.processbox').addClass("uhide");
|
|||
|
|
video0 = data.url;
|
|||
|
|
$("#ysc_box").removeClass("uhide");
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
} else {
|
|||
|
|
$(".ajaxLoader").addClass("uhide");
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}*/
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
//上传进度回调函数：
|
|||
|
|
function progressHandlingFunction(e) {
|
|||
|
|
if (e.lengthComputable) {
|
|||
|
|
var percent = e.loaded / e.total * 100;
|
|||
|
|
$('.processbox .child').css("width", percent.toFixed(2) + "%");
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
function dpreview0(t) {
|
|||
|
|
|
|||
|
|
var ifb = true;
|
|||
|
|
if (ifytfg == 0) {
|
|||
|
|
tishi3("你还没申请企业品牌展示！");
|
|||
|
|
ifb = false;
|
|||
|
|
}
|
|||
|
|
if (ifb) {
|
|||
|
|
if (ifyscw == 1) {
|
|||
|
|
tishi3("可上传数量不足！");
|
|||
|
|
ifb = false;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if (ifb) {
|
|||
|
|
try {
|
|||
|
|
var permission = ['camera', 'photos'];
|
|||
|
|
var resultList = api.hasPermission({
|
|||
|
|
list: permission
|
|||
|
|
});
|
|||
|
|
var granted = resultList[0].granted;
|
|||
|
|
if (!granted) {
|
|||
|
|
ifb = false;
|
|||
|
|
api.confirm({
|
|||
|
|
title: '开启权限提示',
|
|||
|
|
msg: "应用需要您的授权才能访问相机和相册，是否要授权？",
|
|||
|
|
buttons: ['确认授权', '暂不授权']
|
|||
|
|
}, function (ret, err) {
|
|||
|
|
var index = ret.buttonIndex;
|
|||
|
|
if (index == 1) {
|
|||
|
|
|
|||
|
|
api.requestPermission({
|
|||
|
|
list: permission,
|
|||
|
|
}, function (res) {
|
|||
|
|
if (res.list[0].granted) {
|
|||
|
|
// 已授权，可以继续下一步操作
|
|||
|
|
tishi3('已授权');
|
|||
|
|
} else {
|
|||
|
|
ifb = false;
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
} catch (err) {
|
|||
|
|
|
|||
|
|
ifb = true;
|
|||
|
|
}
|
|||
|
|
if (ifb) {
|
|||
|
|
try {
|
|||
|
|
uploading = 1;
|
|||
|
|
var pdatas = {
|
|||
|
|
sourceType: 'album',
|
|||
|
|
mediaValue: 'video',
|
|||
|
|
destinationType: 'url',
|
|||
|
|
allowEdit: false,
|
|||
|
|
videoQuality: 'medium',
|
|||
|
|
saveToPhotoAlbum: true
|
|||
|
|
}
|
|||
|
|
var myForm = document.getElementById("myForm0");
|
|||
|
|
$(myForm).find("img").attr("src", "../image/loading.gif");
|
|||
|
|
api.getPicture(pdatas, function (ret, err) {
|
|||
|
|
if (ret) {
|
|||
|
|
if (ret.data == "") {
|
|||
|
|
uploading = 0;
|
|||
|
|
$(myForm).find("img").attr("src", "../image/add1.png");
|
|||
|
|
} else {
|
|||
|
|
$(myForm).find("img").attr("src", "../image/add1.png");
|
|||
|
|
$(".ajaxLoader").removeClass("uhide");
|
|||
|
|
cutvideo(ret.data);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
} else {
|
|||
|
|
uploading = 0;
|
|||
|
|
alert(JSON.stringify(err));
|
|||
|
|
$(".ajaxLoader").addClass("uhide");
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
} catch (errr) {
|
|||
|
|
alert(errr);
|
|||
|
|
uploading = 0;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
function cutvideo(url) {
|
|||
|
|
|
|||
|
|
try {
|
|||
|
|
|
|||
|
|
var videoTool = api.require('videoTools');
|
|||
|
|
videoTool.interceptionVideo({
|
|||
|
|
path: url,
|
|||
|
|
startTime: 0,
|
|||
|
|
endTime: cutvideoseconds
|
|||
|
|
}, function (ret) {
|
|||
|
|
if (ret.status) {
|
|||
|
|
$(".ajaxLoader").addClass("uhide");
|
|||
|
|
$('.processbox').removeClass("uhide");
|
|||
|
|
|
|||
|
|
uploadvideo(ret.compressPath);
|
|||
|
|
} else {
|
|||
|
|
$(".ajaxLoader").addClass("uhide");
|
|||
|
|
tishi3('截取视频失败');
|
|||
|
|
uploading = 0;
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
} catch (err) {
|
|||
|
|
tishi3(err);
|
|||
|
|
uploading = 0;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
function uploadImage(img_url) {
|
|||
|
|
try {
|
|||
|
|
|
|||
|
|
var filetype = img_url.substring(img_url.lastIndexOf("."));
|
|||
|
|
var filename = "ksd2023/userid_" + userId + "_" + judgetime1(new Date()) + filetype;
|
|||
|
|
var qiniu = api.require('qiniuKodo');
|
|||
|
|
qiniu.putObject({
|
|||
|
|
token: upToken,
|
|||
|
|
objectKey: filename,
|
|||
|
|
filePath: img_url
|
|||
|
|
}, function (ret, err) {
|
|||
|
|
if (ret) {
|
|||
|
|
|
|||
|
|
if (ret.eventType == "onComplete") {
|
|||
|
|
var filepath = uploadpic;
|
|||
|
|
if (filepath != "") {
|
|||
|
|
deletefile(filepath.replace("https://fv.pmhapp.cn/", ""));
|
|||
|
|
}
|
|||
|
|
uploadpic = "https://fv.pmhapp.cn/" + filename;
|
|||
|
|
$api.addCls($api.dom(".ajaxLoader"), "uhide");
|
|||
|
|
uploading = 0;
|
|||
|
|
|
|||
|
|
} else if (ret.eventType == "onProgress") {
|
|||
|
|
|
|||
|
|
} else if (ret.eventType == "onError") {
|
|||
|
|
|
|||
|
|
$api.addCls($api.dom(".ajaxLoader"), "uhide");
|
|||
|
|
uploading = 0;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
|
|||
|
|
} catch (err) {
|
|||
|
|
alert(err);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
function uploadvideo(img_url) {
|
|||
|
|
try {
|
|||
|
|
|
|||
|
|
var filetype = img_url.substring(img_url.lastIndexOf("."));
|
|||
|
|
var filename = "ksd2023/userid_" + userId + "_" + judgetime1(new Date()) + filetype;
|
|||
|
|
var qiniu = api.require('qiniuKodo');
|
|||
|
|
qiniu.putObject({
|
|||
|
|
token: upToken,
|
|||
|
|
objectKey: filename,
|
|||
|
|
filePath: img_url
|
|||
|
|
}, function (ret, err) {
|
|||
|
|
if (ret) {
|
|||
|
|
|
|||
|
|
if (ret.eventType == "onComplete") {
|
|||
|
|
var filepath = video0;
|
|||
|
|
if (filepath != "") {
|
|||
|
|
deletefile(filepath.replace("https://fv.pmhapp.cn/", ""));
|
|||
|
|
}
|
|||
|
|
uploading = 0;
|
|||
|
|
$('.processbox').addClass("uhide");
|
|||
|
|
video0 = "https://fv.pmhapp.cn/" + filename;
|
|||
|
|
$("#ysc_box").removeClass("uhide");
|
|||
|
|
uploading = 1;
|
|||
|
|
var videoTool = api.require('videoTools');
|
|||
|
|
videoTool.captureScreen({
|
|||
|
|
path: img_url,
|
|||
|
|
startTime: 1
|
|||
|
|
}, function (ret0) {
|
|||
|
|
if (ret0.status) {
|
|||
|
|
$(".ajaxLoader").removeClass("uhide");
|
|||
|
|
uploadImage(ret0.imgPath);
|
|||
|
|
} else {
|
|||
|
|
tishi3('截取图片失败');
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
} else if (ret.eventType == "onProgress") {
|
|||
|
|
$('.processbox').removeClass("uhide");
|
|||
|
|
$('.processbox .child').css("width", ret.percent + "%");
|
|||
|
|
} else if (ret.eventType == "onError") {
|
|||
|
|
|
|||
|
|
uploading = 0;
|
|||
|
|
$('.processbox').addClass("uhide");
|
|||
|
|
tishi3("上传失败");
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
|
|||
|
|
} catch (err) {
|
|||
|
|
alert(err);
|
|||
|
|
}
|
|||
|
|
/*var datas = {
|
|||
|
|
values: { "action": "uploadFile", "userId": userId, "LoginId": LoginId, t: 1 },
|
|||
|
|
files: {
|
|||
|
|
"file1": url
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
api.ajax({
|
|||
|
|
url: apiurl + "/apiajax.ashx",
|
|||
|
|
method: 'post',
|
|||
|
|
contentType: "application/x-www-form-urlencoded; charset=utf-8",
|
|||
|
|
data: datas,
|
|||
|
|
report: true,
|
|||
|
|
dataType: 'json'
|
|||
|
|
},
|
|||
|
|
function (data, status) {
|
|||
|
|
if (data) {
|
|||
|
|
|
|||
|
|
if (data.status == 0) {
|
|||
|
|
$('.processbox .child').css("width", data.progress + "%");
|
|||
|
|
} else if (data.status == 1) {
|
|||
|
|
uploading = 0;
|
|||
|
|
$('.processbox').addClass("uhide");
|
|||
|
|
video0 = data.body.url;
|
|||
|
|
FileId = data.body.FileId;
|
|||
|
|
$("#ysc_box").removeClass("uhide");
|
|||
|
|
} else if (data.status == 2) {
|
|||
|
|
uploading = 0;
|
|||
|
|
$('.processbox').addClass("uhide");
|
|||
|
|
tishi3("上传失败");
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});*/
|
|||
|
|
}
|
|||
|
|
function deletefile(filepath) {
|
|||
|
|
if (filepath != "") {
|
|||
|
|
$.post("/ajax.ashx", { action: "deleteimage", delpics: escape(filepath) }, function (data) {
|
|||
|
|
if (data.success) {
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
</head>
|
|||
|
|
|
|||
|
|
<body class="wrap">
|
|||
|
|
<header>
|
|||
|
|
<div class="ub">
|
|||
|
|
<div class="nav-btn" id="nav-left" style=" margin:0; padding:0; padding-top:0.2em; min-width:3em" onclick="closeWin()">
|
|||
|
|
|
|||
|
|
<img src="../image/faifei.png" style="margin-left:0; margin-top:0em; height:1.2em;width:1.2em;" />
|
|||
|
|
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
<h1 class="ub-f1">
|
|||
|
|
上传视频
|
|||
|
|
</h1>
|
|||
|
|
<div class="nav-btn blue" id="nav-right" onclick="onloginlink('fnst_upvideo_log.html');" style="color:#fff; margin:0; padding:0; min-width:4em; padding-right:1em;">
|
|||
|
|
上传记录
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</header>
|
|||
|
|
|
|||
|
|
<section class="ub-f1" id="wrapper" style="padding:0.8em; box-sizing:border-box;">
|
|||
|
|
|
|||
|
|
<div style="padding:0 0.8em;box-sizing:border-box;background-color:#fff;border-radius: 0.4em;">
|
|||
|
|
<div class="ub ub-ver appadv_box" style="padding:0; box-sizing:border-box;">
|
|||
|
|
<div class="ub appadv_title"><div class="ub">可上传视频数量：</div><div class="ub-f1" id="kupvideonum_box">0</div></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="ub ub-ac" style="margin-bottom:.04em; box-sizing:border-box;">
|
|||
|
|
<div class="ub font_box" style="padding:0.8em 0.8em;padding-left:0;width:7em;">
|
|||
|
|
视频类型<font color="red">*</font>
|
|||
|
|
</div>
|
|||
|
|
<div class="ub ub-f1 uinput11" style="padding-right: 0;box-sizing:border-box;">
|
|||
|
|
<select id="videotype">
|
|||
|
|
|
|||
|
|
<option value="0">开屏视频</option>
|
|||
|
|
<option value="1">释放广告积分视频</option>
|
|||
|
|
<option value="2">释放贡献值视频</option>
|
|||
|
|
<option value="3">赚贡献值视频</option>
|
|||
|
|
<option value="4">短视频</option>
|
|||
|
|
</select>
|
|||
|
|
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="ub ub-ac" style="margin-bottom:.04em; box-sizing:border-box;">
|
|||
|
|
<div class="ub font_box" style="padding:0.8em 0.8em;padding-left:0;width:5em;">
|
|||
|
|
视频标题<font color="red">*</font>
|
|||
|
|
</div>
|
|||
|
|
<div class="ub ub-f1 uinput11" style="padding-right: 0;box-sizing:border-box;">
|
|||
|
|
<input type="text" id="txttitle" style="" />
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="ub ub-ac" style="padding:1em 0; padding-bottom:0; background-color: #FFFFFF;">
|
|||
|
|
<div class="ub font_box" style="padding:0.8em 0.8em;padding-left:0;width:7em;">
|
|||
|
|
上传视频<font color="red">*</font>
|
|||
|
|
</div>
|
|||
|
|
<div class="ub ub-ac ub-ver" style="padding:0.8em 0; box-sizing:border-box;">
|
|||
|
|
<form id="myForm">
|
|||
|
|
<div class="ub ub-ac ub-pc upload_image">
|
|||
|
|
|
|||
|
|
<img src="../image/add1.png" />
|
|||
|
|
<input type="file" id="uploadpic0" class="uploadpic_btn" onchange="dpreview(0)" accept="video/mp4" />
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</form>
|
|||
|
|
<form id="myForm0">
|
|||
|
|
<div class="ub ub-ac ub-pc upload_image" onclick="dpreview0(0)">
|
|||
|
|
<img src="../image/add1.png" />
|
|||
|
|
</div>
|
|||
|
|
</form>
|
|||
|
|
<div class="uhide ub ub-ac ub-pc" id="ysc_box">已上传</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
<div class="ub ub-ac ub-f1" style="padding:0 0.8em; padding-left:0; box-sizing:border-box;">
|
|||
|
|
<div class="uhide processbox">
|
|||
|
|
<div class="child" style="width:0%">
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="ub ub-ac ub-pc" style=" padding:0.8em;color:#848484;" id="msg_box"></div>
|
|||
|
|
<div class="ub ub-ac uhide" id="upload_pic" style="padding-bottom: .8em;margin-top: .5em;">
|
|||
|
|
<div class="ub font_box" style="padding:0.8em 0em;width:8em;">
|
|||
|
|
上传预览图片<font color="red">*</font>
|
|||
|
|
</div>
|
|||
|
|
<div class="ub ub-f1 uinput11" style="box-sizing:border-box;">
|
|||
|
|
<form id="myForm1">
|
|||
|
|
<div class="ub ub-ac ub-pc upload_image">
|
|||
|
|
<img src="../image/add1.png" />
|
|||
|
|
<input type="file" id="uploadpic1" class="uploadpic_btn" onchange="dpreview(1)" accept="image/*" />
|
|||
|
|
</div>
|
|||
|
|
</form>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
|
|||
|
|
</section>
|
|||
|
|
<footer>
|
|||
|
|
<div class="dbtnbox">
|
|||
|
|
|
|||
|
|
<input id="savebtn" type="button" class="mybtn" onclick="onsave()" value="提交">
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</footer>
|
|||
|
|
<div class="ajaxLoader ub ub-ac uhide" onclick="reload()">
|
|||
|
|
<div class="ub ub-ac ub-ver"><img src="image/load.gif" /><br>正在加载...</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="layer" onclick='$(".layer").fadeOut();'>
|
|||
|
|
<img src="/images/jt.png" alt="">
|
|||
|
|
</div>
|
|||
|
|
<div class="select_box_bg" onclick="closeselect()" style="bottom:2.8em;">
|
|||
|
|
<div class="select_box" onclick="stopPropagation(event)" style="background-color:#fff;">
|
|||
|
|
<div class="select_box_to" style="background-color:#fff;border:0;">
|
|||
|
|
<div class="title_pic">
|
|||
|
|
<div class="title" style="padding:0.8em 0;">
|
|||
|
|
确认支付
|
|||
|
|
</div>
|
|||
|
|
<div class="close" style="top:0.3em;right:0.8em;" onclick='closeselect()'><img src="../image/close.png" /></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="clear"></div>
|
|||
|
|
<div class="selguige_box_to">
|
|||
|
|
|
|||
|
|
<div class="clear"></div>
|
|||
|
|
<div class="tixin-item" style="margin-bottom:0.8em;border: 0;padding:0;background:none;">
|
|||
|
|
<ul class="account" style="border: 0;border-top: 1px solid #f1f1f1;">
|
|||
|
|
<li class="flex-end" onclick="onzftype(0)" id="zftype0">
|
|||
|
|
<p>
|
|||
|
|
<i><img src="../image/jianjinpay.png" /></i>
|
|||
|
|
<span>流量券支付</span>
|
|||
|
|
|
|||
|
|
</p>
|
|||
|
|
<i class="current on"></i>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
<div class="clear"></div>
|
|||
|
|
|
|||
|
|
<input id="addtype" type="hidden" value="" />
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</body>
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
</html>
|