297 lines
13 KiB
Plaintext
297 lines
13 KiB
Plaintext
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="EditionManage_Add.aspx.cs" Inherits="VRS.Management.Boat.EditionManage_Add" %>
|
||
|
||
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
|
||
|
||
<!DOCTYPE html>
|
||
|
||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||
<head runat="server">
|
||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||
<title>添加版本</title>
|
||
<link href="../../Css/BaseStyle.css" type="text/css" rel="Stylesheet" />
|
||
<link href="../../Assets/Layui/css/bootstrap.min.css" rel="stylesheet" />
|
||
<script src="../../Scripts/http.js" type="text/javascript"></script>
|
||
<script src="../../Scripts/jquery.min.js" type="text/javascript"></script>
|
||
<script src="../../Scripts/cos-js-sdk-v5.min.js" type="text/javascript"></script>
|
||
<style>
|
||
|
||
</style>
|
||
</head>
|
||
<script type="text/javascript">
|
||
//关闭模式窗口
|
||
function CloseAndRebind(args) {
|
||
GetRadWindow().Close();
|
||
//GetRadWindow().BrowserWindow.refreshGrid(args);
|
||
GetRadWindow().BrowserWindow.refreshGrid_sub(args);
|
||
}
|
||
function GetRadWindow() {
|
||
var oWindow = null;
|
||
if (window.radWindow) oWindow = window.radWindow; //Will work in Moz in all cases, including clasic dialog
|
||
else if (window.frameElement.radWindow) oWindow = window.frameElement.radWindow; //IE (and Moz as well)
|
||
return oWindow;
|
||
}
|
||
//关闭模式窗口
|
||
function CloseRadWindow() {
|
||
GetRadWindow().Close();
|
||
}
|
||
</script>
|
||
<script type="text/javascript" id="telerikClientEvents1">
|
||
//<![CDATA[
|
||
|
||
function btnSure_Clicked(sender, args) {
|
||
//Add JavaScript handler code here
|
||
CloseRadWindow();
|
||
}
|
||
//]]>
|
||
</script>
|
||
<script type="text/javascript" id="telerikClientEvents2">
|
||
//<![CDATA[
|
||
|
||
function btnCancel_Clicked(sender, args) {
|
||
//Add JavaScript handler code here
|
||
CloseRadWindow();
|
||
}
|
||
//CREATE TABLE`pro_device`(
|
||
// `device_id` varchar(50) COLLATE gbk_bin NOT NULL COMMENT '设备ID',
|
||
// `create_time` datetime DEFAULT NULL COMMENT '生成时间',
|
||
//) = '设备表';
|
||
//]]>
|
||
</script>
|
||
<body>
|
||
<br />
|
||
<form id="form1" runat="server">
|
||
<telerik:RadScriptManager ID="RadScriptManager1" runat="server">
|
||
<Scripts>
|
||
<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js"></asp:ScriptReference>
|
||
<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js"></asp:ScriptReference>
|
||
<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js"></asp:ScriptReference>
|
||
</Scripts>
|
||
</telerik:RadScriptManager>
|
||
<asp:HiddenField ID="UseFor" runat="server" Value="Sim" />
|
||
<asp:HiddenField ID="hid_url" runat="server" Value="" />
|
||
<div>
|
||
<table class="table-form">
|
||
<tr>
|
||
<td class="table-td-name"><span class="span_danger">*</span>版本号（格式：1.0.0）：</td>
|
||
<td class="table-td-content">
|
||
<telerik:RadTextBox ID="version_number" runat="server" Skin="Bootstrap" Width="200px">
|
||
</telerik:RadTextBox></td>
|
||
<td class="table-td-name"><span class="span_danger">*</span>类型：</td>
|
||
<td class="table-td-content">
|
||
<telerik:RadDropDownList ID="type" runat="server" Skin="Bootstrap" Width="240px">
|
||
<Items>
|
||
<telerik:DropDownListItem Text="客户端pc" Value="客户端pc" />
|
||
<telerik:DropDownListItem Text="客户端安卓" Value="客户端安卓" />
|
||
</Items>
|
||
</telerik:RadDropDownList>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="table-td-name">接口版本：</td>
|
||
<td class="table-td-content">
|
||
<telerik:RadTextBox ID="interface_version" runat="server" Skin="Bootstrap" Width="200px">
|
||
</telerik:RadTextBox></td>
|
||
<td class="table-td-name">数据库版本：</td>
|
||
<td class="table-td-content">
|
||
<telerik:RadTextBox ID="database_version" runat="server" Skin="Bootstrap" Width="200px">
|
||
</telerik:RadTextBox>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="table-td-name">同步服务版本：</td>
|
||
<td class="table-td-content" colspan="3">
|
||
<telerik:RadTextBox ID="sync_service_version" runat="server" Skin="Bootstrap" Width="200px">
|
||
</telerik:RadTextBox></td>
|
||
</tr>
|
||
<tr>
|
||
<td class="table-td-name" rowspan="2">文件：</td>
|
||
<td class="table-td-content" colspan="3" runat="server" id="td_pic">
|
||
<telerik:RadLabel ID="url" runat="server" Skin="Bootstrap">
|
||
</telerik:RadLabel>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="table-td-content" colspan="3">
|
||
<input type="file" id="fileId" name="image" value="请上传图片" style="float: left; margin-left: 10px;" />
|
||
 
|
||
<input type="button" class="btn btn-primary" id="btn_upload" onclick="btnClick()" value="上传" style="float: left; margin-left: 10px; width: 80px;" />
|
||
<asp:Button ID="Button1" runat="server" Text="移除" CssClass="btn btn-danger" Style="margin-left: 10px; width: 80px;" OnClick="btnRemove_Click" />
|
||
<div>
|
||
<span id="msg" class="span_danger"></span>
|
||
</div>
|
||
<button class="btn btn-file btn-success hidden" type="button">选择要上传的文件</button>
|
||
</td>
|
||
</tr>
|
||
|
||
<tr class="hidden">
|
||
<td class="table-td-content" colspan="3">
|
||
<telerik:RadAsyncUpload ID="RadAsyncUpload1" runat="server" Skin="Bootstrap" Width="250px" MaxFileInputsCount="1" Style="float: left;">
|
||
<Localization Select="选择" Remove="移除" Cancel="取消" DropZone="拖拽" />
|
||
</telerik:RadAsyncUpload>
|
||
<asp:Button ID="btnRemove" runat="server" Text="移除" CssClass="btn btn-danger" Style="float: left; margin-left: 10px;" OnClick="btnRemove_Click" />
|
||
</td>
|
||
</tr>
|
||
|
||
<tr>
|
||
<td class="base-bottom" colspan="4">
|
||
<input class="mybtn btn btn-success" type="button" value="确定" onclick="$('#btnSure').click()" />
|
||
<input class="mybtn btn btn-danger" type="button" value="取消" onclick="CloseRadWindow()" />
|
||
<div class="hidden">
|
||
<telerik:RadButton ID="btnSure" runat="server" CssClass="btn btn-success" Skin="Bootstrap" Width="120px" Text="确定" AutoPostBack="true" OnClick="btnSure_Click"></telerik:RadButton>
|
||
<telerik:RadButton ID="btnCancel" runat="server" Skin="Bootstrap" Width="120px" Text="取消" AutoPostBack="False" OnClientClicked="CloseRadWindow" Style="position: relative;"></telerik:RadButton>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
|
||
<AjaxSettings>
|
||
<telerik:AjaxSetting AjaxControlID="btnSure">
|
||
<UpdatedControls>
|
||
<telerik:AjaxUpdatedControl ControlID="btnSure" UpdatePanelCssClass="" />
|
||
</UpdatedControls>
|
||
</telerik:AjaxSetting>
|
||
</AjaxSettings>
|
||
</telerik:RadAjaxManager>
|
||
</form>
|
||
|
||
<script type="text/javascript">
|
||
|
||
function btnClick() {
|
||
var files = document.getElementById("fileId").files;
|
||
var formData = new FormData();
|
||
formData.append("file", files[0]);//文件对象
|
||
var type_value = $("#type").val();
|
||
$("#msg").html("上传中，请耐心等待！");
|
||
|
||
filePost('../../Handler/CosFiles.ashx', null, formData, function (result) {
|
||
console.log(result);
|
||
var obj = JSON.parse(result);
|
||
if (obj.state == true) {
|
||
$("#url").text(obj.data);
|
||
$("#hid_url").val(obj.data);
|
||
$("#msg").html("");
|
||
}
|
||
else {
|
||
$("#msg").html(obj.message);
|
||
}
|
||
}, true);
|
||
}
|
||
|
||
</script>
|
||
|
||
|
||
|
||
<script>
|
||
|
||
// 存储桶名称，由bucketname-appid 组成，appid必须填入，可以在COS控制台查看存储桶名称。 https://console.cloud.tencent.com/cos5/bucket
|
||
var Bucket = 'lzy-1300932214';
|
||
// 存储桶Region可以在COS控制台指定存储桶的概览页查看 https://console.cloud.tencent.com/cos5/bucket/
|
||
// 关于地域的详情见 https://cloud.tencent.com/document/product/436/6224
|
||
var Region = 'ap-nanjing';
|
||
|
||
var cos = new COS({
|
||
getAuthorization: function (options, callback) {
|
||
myPost("../../Handler/GetCosSign.ashx", {}, function (e) {
|
||
try {
|
||
var data = JSON.parse(e);
|
||
var credentials = data.Credentials;
|
||
if (!data || !credentials) return console.error('credentials invalid');
|
||
callback({
|
||
TmpSecretId: credentials.TmpSecretId,
|
||
TmpSecretKey: credentials.TmpSecretKey,
|
||
XCosSecurityToken: credentials.Token,
|
||
StartTime: data.StartTime, // 时间戳，单位秒，如：1580000000，建议返回服务器时间作为签名的开始时间，避免用户浏览器本地时间偏差过大导致签名错误
|
||
ExpiredTime: data.ExpiredTime, // 时间戳，单位秒，如：1580000900
|
||
});
|
||
}
|
||
catch (e) {
|
||
console.log(e);
|
||
}
|
||
|
||
});
|
||
}
|
||
});
|
||
|
||
function getFileExtendingName(filename) {
|
||
// 文件扩展名匹配正则
|
||
var reg = /\.[^\.]+$/;
|
||
var matches = reg.exec(filename);
|
||
if (matches) {
|
||
return matches[0];
|
||
}
|
||
return '';
|
||
}
|
||
function btnjsClick() {
|
||
var files = document.getElementById("fileId");
|
||
var file = files.files[0];
|
||
if (!file) {
|
||
$("#msg").html("先选择素材在上传！");
|
||
return;
|
||
}
|
||
var hid_url = $("#hid_url").val();
|
||
if (hid_url != "" && hid_url != null && hid_url != undefined) {
|
||
$("#msg").html("先移除当前素材，再上传");
|
||
return;
|
||
}
|
||
|
||
//获取最后一个.的位置
|
||
var index = file.name.lastIndexOf(".");
|
||
//获取后缀
|
||
var ext = file.name.substr(index + 1);
|
||
|
||
|
||
|
||
var timestamp = new Date().getTime();
|
||
var filename = timestamp + getFileExtendingName(file.name);
|
||
console.log(filename);
|
||
|
||
|
||
$("#msg").html("上传中，请耐心等待！");
|
||
$("#btn_upload").attr("disabled", true)//禁用
|
||
|
||
// 分片上传文件
|
||
cos.sliceUploadFile({
|
||
Bucket: Bucket,
|
||
Region: Region,
|
||
//Key: "upload/"+file.name,
|
||
Key: "upload/" + filename,
|
||
Body: file,
|
||
onHashProgress: function (progressData) {
|
||
console.log('校验中', JSON.stringify(progressData));
|
||
},
|
||
onProgress: function (progressData) {
|
||
console.log('上传中', JSON.stringify(progressData));
|
||
$("#msg").html('上传中，请耐心等待！当前进度：' + parseInt(progressData.percent * 100) + "%");
|
||
},
|
||
}, function (err, data) {
|
||
//console.log(err, data);
|
||
if (data && data.statusCode == 200) {
|
||
console.log(data);
|
||
console.log('上传完成！');
|
||
|
||
var url = data.Location;
|
||
if (url.indexOf("http") < 0) {
|
||
url = "https://" + url;
|
||
}
|
||
|
||
$("#url").text(url);
|
||
$("#msg").html("");
|
||
$("#hid_url").val(url);
|
||
|
||
|
||
$("#btn_upload").attr("disabled", false);//启用
|
||
} else {
|
||
console.log(err);
|
||
console.log('上传失败！错误信息：' + err.message);
|
||
$("#msg").html('上传失败！错误信息：' + err.message);
|
||
$("#btn_upload").attr("disabled", false);//启用
|
||
}
|
||
});
|
||
}
|
||
</script>
|
||
|
||
</body>
|
||
</html>
|
||
|