|
|
<!DOCTYPE html>
|
|
|
<html>
|
|
|
|
|
|
<head>
|
|
|
<meta charset="UTF-8">
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
<title>下载</title>
|
|
|
<link rel="stylesheet" href="/stylesheets/main.css">
|
|
|
<link rel="stylesheet" href="/stylesheets/form.css">
|
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
|
|
|
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
|
|
|
<script type="text/javascript" src="/js/jquery.min.js"></script>
|
|
|
</head>
|
|
|
<body>
|
|
|
<div class="top-bar">
|
|
|
<div class="box-top">
|
|
|
<ul class="top-ui">
|
|
|
<li>
|
|
|
<a href="/"><img src="images/xcc.ico"></a>
|
|
|
</li>
|
|
|
<li>
|
|
|
<a href="/login">登录界面</a>
|
|
|
</li>
|
|
|
<li>
|
|
|
<a href="/data/admin">管理员入口</a>
|
|
|
</li>
|
|
|
<li>
|
|
|
<a href="/contents/<%= username %>.html">查看个人信息</a>
|
|
|
</li>
|
|
|
<li>
|
|
|
<a href="/cloud_contents/<%= username %>.html">查看云目录</a>
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div id="content">
|
|
|
<h1>请输入文件待下载的文件名和下载路径：</h1>
|
|
|
<form action="/download1" method="post">
|
|
|
<div>
|
|
|
<label for="ip">IP地址：</label>
|
|
|
<input type="text" name="ip" id="ip" />
|
|
|
</div>
|
|
|
<div>
|
|
|
<label for="file">文件名：</label>
|
|
|
<input type="text" name="file" id="file" />
|
|
|
</div>
|
|
|
<div>
|
|
|
<label for="path">路 径：</label>
|
|
|
<input type="text" name="path" id="path" />
|
|
|
<h3 style="color:aqua">提示：下载路径是本机某个文件夹所在的路径，IP地址为本机的IP地址</h3>
|
|
|
</div>
|
|
|
<div class="button">
|
|
|
<button type="submit" id="b1">下载</button>
|
|
|
</div>
|
|
|
</form>
|
|
|
<form action="/contents" method="post">
|
|
|
<div class="button">
|
|
|
<button type="submit" id="resulta">生成云目录</button>
|
|
|
</div>
|
|
|
</form>
|
|
|
</div>
|
|
|
</body>
|
|
|
<style>
|
|
|
#b1{
|
|
|
width: 270px; /* 宽度 */
|
|
|
height: 40px; /* 高度 */
|
|
|
border-width: 0px; /* 边框宽度 */
|
|
|
border-radius: 3px; /* 边框半径 */
|
|
|
background: pink; /* 背景颜色 */
|
|
|
cursor: pointer; /* 鼠标移入按钮范围时出现手势 */
|
|
|
outline: none; /* 不显示轮廓线 */
|
|
|
font-family: Microsoft YaHei; /* 设置字体 */
|
|
|
color: white; /* 字体颜色 */
|
|
|
}
|
|
|
#resulta{
|
|
|
width: 270px; /* 宽度 */
|
|
|
height: 40px; /* 高度 */
|
|
|
border-width: 0px; /* 边框宽度 */
|
|
|
border-radius: 3px; /* 边框半径 */
|
|
|
background: crimson; /* 背景颜色 */
|
|
|
cursor: pointer; /* 鼠标移入按钮范围时出现手势 */
|
|
|
outline: none; /* 不显示轮廓线 */
|
|
|
font-family: Microsoft YaHei; /* 设置字体 */
|
|
|
color: white; /* 字体颜色 */
|
|
|
}
|
|
|
.top-bar {
|
|
|
width: 100%;
|
|
|
height: 50px;
|
|
|
margin: 0;
|
|
|
display: flex;
|
|
|
}
|
|
|
.box-top {
|
|
|
width: 100%;
|
|
|
min-width: 1350px;
|
|
|
background-color: rgba(255,255,255,0.5);
|
|
|
padding: 20px;
|
|
|
/*border-bottom-left-radius: 8px;*/
|
|
|
/*border-bottom-right-radius: 8px;*/
|
|
|
}
|
|
|
|
|
|
.top-ui {
|
|
|
width: 100%;
|
|
|
min-width: 800px;
|
|
|
height: 50px;
|
|
|
list-style: none;
|
|
|
margin: 0;
|
|
|
padding: 0;
|
|
|
}
|
|
|
.top-ui li{
|
|
|
width:10%;
|
|
|
min-width: 50px;
|
|
|
margin:-5px 50px 0 70px;
|
|
|
float: left;
|
|
|
text-align: center;
|
|
|
display: block;
|
|
|
}
|
|
|
.top-ui a{
|
|
|
color: rgb(0, 0, 0);
|
|
|
text-decoration: none;
|
|
|
}
|
|
|
.top-ui a:hover{
|
|
|
color: white;
|
|
|
}
|
|
|
.top-ui img{
|
|
|
height: 40px;
|
|
|
margin: 0;
|
|
|
padding: 0;
|
|
|
display: inline;
|
|
|
position: relative;
|
|
|
top: -10px;
|
|
|
}
|
|
|
</style>
|
|
|
|
|
|
</html> |
