|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
|
<html lang="zh-CN">
|
|
|
|
|
|
<head>
|
|
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
|
|
<title>WebUploader演示</title>
|
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="../js/webuploader.css" />
|
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="./style.css" />
|
|
|
|
|
|
<style>
|
|
|
|
|
|
h1{margin-top:20px; text-align:center;}
|
|
|
|
|
|
h1 a{font-size:2rem; color:#c00; text-decoration:none}
|
|
|
|
|
|
textarea{
|
|
|
|
|
|
border: 3px dashed #e6e6e6;
|
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
|
margin: 20px;
|
|
|
|
|
|
background-color: #FFF;
|
|
|
|
|
|
width:calc(100% - 66px);
|
|
|
|
|
|
min-height:150px;
|
|
|
|
|
|
padding:10px;
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="wrapper">
|
|
|
|
|
|
<div id="container">
|
|
|
|
|
|
<form class="queueList" action="../server/a.php" method="post" name="abc" id="abc">
|
|
|
|
|
|
<input type="hidden" value="" name="myimages" id="myimages">
|
|
|
|
|
|
<textarea name="mycontent" id="mycontent" placeholder="请输入描述文字"></textarea>
|
|
|
|
|
|
</form>
|
|
|
|
|
|
<!--头部，相册选择和格式选择-->
|
|
|
|
|
|
<div id="uploader">
|
|
|
|
|
|
<div class="queueList">
|
|
|
|
|
|
<div id="dndArea" class="placeholder">
|
|
|
|
|
|
<div id="filePicker"></div>
|
|
|
|
|
|
<p>或将照片拖到这里，单次最多可选3张</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="statusBar" style="display:none;">
|
|
|
|
|
|
<div class="progress">
|
|
|
|
|
|
<span class="text">0%</span>
|
|
|
|
|
|
<span class="percentage"></span>
|
|
|
|
|
|
</div><div class="info"></div>
|
|
|
|
|
|
<div class="btns">
|
|
|
|
|
|
<div id="filePicker2"></div>
|
|
|
|
|
|
<div class="uploadBtn">开始上传</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<h1><a href="javascript:;" id="btn-submit">提交表单</a></h1>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<script type="text/javascript" src="./jquery.js"></script>
|
|
|
|
|
|
<script type="text/javascript" src="../js/webuploader.min.js"></script>
|
|
|
|
|
|
<script type="text/javascript" src="./upload.js"></script>
|
|
|
|
|
|
<script>
|
|
|
|
|
|
$(function(){
|
|
|
|
|
|
$("#btn-submit").click(function(){
|
|
|
|
|
|
var _txt = $('#mycontent').val();
|
|
|
|
|
|
var _imgval = $('#myimages').val();
|
|
|
|
|
|
if(_txt != '' && _imgval != ''){
|
|
|
|
|
|
$('form#abc').submit();
|
|
|
|
|
|
}else{
|
|
|
|
|
|
alert('图片或文字不能为空');
|
|
|
|
|
|
}
|
|
|
|
|
|
});
|
|
|
|
|
|
});
|
|
|
|
|
|
</script>
|
|
|
|
|
|
</body>
|
|
|
|
|
|
</html>
|
