<style>
|
.upload-file {
|
position: relative;
|
vertical-align: baseline;
|
}
|
|
.upload-file input[type='file'] {
|
height: 100%;
|
width: 100%;
|
position: absolute;
|
top: 0;
|
right: 0;
|
opacity: 0;
|
filter: alpha(opacity=0);
|
cursor: pointer;
|
}
|
</style>
|
<form class="form-horizontal" id="swmxform" method="post" xmlns:th="http://www.w3.org/1999/xhtml">
|
<div class="portlet box ltblue">
|
<div class="portlet-title">
|
三维模型信息
|
<div class="caption">
|
<i class="fa fa-reorder"></i>
|
</div>
|
<div class="tools">
|
<a class="collapse" onclick="portlet_body_ShowOrHide(this);"></a>
|
</div>
|
</div>
|
<div class="portlet-body">
|
<div class="row">
|
<div class="col-sm-12">
|
<div class="control-group">
|
<label class="control-label">服务地址</label>
|
<div class="controls input-icon">
|
<input id="serverurl" name="serverurl" class="form-control col-sm-10" style="width:83.8%" />
|
<!--<button type="button" class="btn btn-primary" style="vertical-align: baseline;" onclick="openDialog('filepath')">-->
|
<!--<i class="fa fa-upload"></i> 上传-->
|
<!--</button>-->
|
<!--<input type="file" id="filepath" name="filepath" style="display: none;"/>-->
|
<div class="upload-file btn btn-primary">
|
<input type="file" id="filepath" name="filepath" onchange="openDialog(this)">
|
<span class="fa fa-upload"></span> 上传
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="row">
|
<div class="col-sm-6">
|
<div class="control-group">
|
<label class="control-label">服务类型</label>
|
<div class="controls input-icon">
|
<input id="servertype" name="servertype" class="form-control col-sm-9" />
|
<span class="input-warning tooltips" data-original-title="">
|
<i class="fa-warning-sign" style="display: none;margin-left:30px;"></i>
|
</span>
|
</div>
|
</div>
|
</div>
|
<div class="col-sm-6">
|
<div class="control-group">
|
<label class="control-label">原图层名称</label>
|
<div class="controls input-icon">
|
<input id="layername" name="layername" class="form-control col-sm-9" />
|
<span class="input-warning tooltips" data-original-title="">
|
<i class="fa-warning-sign" style="display: none;margin-left:30px;"></i>
|
</span>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="row">
|
<div class="col-sm-6">
|
<div class="control-group">
|
<label class="control-label">用户名</label>
|
<div class="controls input-icon">
|
<input type="text" id="username" name="username" class="form-control col-sm-9" />
|
</div>
|
</div>
|
</div>
|
<div class="col-sm-6">
|
<div class="control-group">
|
<label class="control-label">密码</label>
|
<div class="controls input-icon">
|
<input type="text" id="password" name="password" type="password" class="form-control col-sm-9" />
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="row">
|
<div class="col-sm-6">
|
<div class="control-group">
|
<label class="control-label">TOKEN</label>
|
<div class="controls input-icon">
|
<input type="text" id="token" name="token" class="form-control col-sm-8" style="width:63.5%" />
|
<a class="btn btn-primary" onclick="getToken(1)" style="vertical-align:baseline;padding: 0.375rem 0.65rem; width:11%;">获取</a>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="row">
|
<div class="col-sm-12">
|
<div class="control-group">
|
<label class="control-label">扩展属性</label>
|
<div class="controls input-icon">
|
<textarea id="extattribute" name="extattribute" type="text" class="form-control col-sm-11" rows="3" cols="20" style="height: 100px;"></textarea>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</form>
|
<script th:inline="javascript">
|
$(function () {
|
cheackForm("swmxform");
|
});
|
var ipHost = [[${ipHost}]];
|
var gisHost = [[${gisHost}]];
|
|
function openDialog(dom) {
|
if (dom.value != '') {
|
var formdata = new FormData();
|
formdata.append('file', dom.files[0]);
|
$.ajax({
|
url: "/res/resExt3D/fileUpload3D",
|
type: "POST",
|
data: formdata,
|
cache: false,
|
async: false,
|
processData: false, // 告诉jQuery不要去处理发送的数据
|
contentType: false, // 告诉jQuery不要去设置Content-Type请求头
|
success: function (data) {
|
var json = eval('(' + data + ')');
|
if (json.result == '0') {
|
alert("上传失败");
|
} else {
|
$('#servertype').val(json.FileType);
|
$('#serverurl').val(json.Path);
|
$('#layername').val(json.Filename);
|
alert("上传成功");
|
}
|
}
|
});
|
}
|
}
|
</script>
|
