gitee
/
file-online-preview
mirror of https://gitee.com/kekingcn/file-online-preview
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

表单校验警告提示添加； (#410) 

* 表单校验警告提示添加

Co-authored-by: wusongda <wusongda@keking.cn>
pull/29/MERGE
Bo_boom 2022-12-05 17:38:33 +08:00 committed by GitHub
parent 8c8d596c43
commit 53a840af4b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 32 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
server/src/main/resources/web/index.ftl
View File

@ -17,6 +17,11 @@
<script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script> <script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="bootstrap-table/bootstrap-table.min.js"></script> <script type="text/javascript" src="bootstrap-table/bootstrap-table.min.js"></script>
<script type="text/javascript" src="js/base64.min.js"></script> <script type="text/javascript" src="js/base64.min.js"></script>
<style>
.alert{
width: 50%;
}
</style>
</head> </head>
<body> <body>
@ -75,6 +80,12 @@
<label>文件下载地址</label> <label>文件下载地址</label>
<input type="url" class="form-control" id="_url" placeholder="请输入下载地址"> <input type="url" class="form-control" id="_url" placeholder="请输入下载地址">
</div> </div>
<div class="alert alert-danger alert-dismissable hide" role="alert" id="previewCheckAlert">
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
<strong>请输入正确的url</strong>
</div>
<button id="previewByUrl" type="button" class="btn btn-success">预览</button> <button id="previewByUrl" type="button" class="btn btn-success">预览</button>
</form> </form>
</div> </div>
@ -90,10 +101,16 @@
<form enctype="multipart/form-data" id="fileUpload"> <form enctype="multipart/form-data" id="fileUpload">
<div class="form-group"> <div class="form-group">
<p id="fileName"></p> <p id="fileName"></p>
<button type="button" class="btn btn-default" id="fileSelectBtn"> <button type="button" class="btn btn-default" id="fileSelectBtn" style="margin-bottom:8px">
<span class="glyphicon glyphicon-cloud-upload" aria-hidden="true"></span> 选择文件 <span class="glyphicon glyphicon-cloud-upload" aria-hidden="true"></span> 选择文件
</button> </button>
<input type="file" name="file" style="display: none" id="fileSelect" onchange="onFileSelected()"/> <input type="file" name="file" style="display: none" id="fileSelect" onchange="onFileSelected()"/>
<div class="alert alert-danger alert-dismissable hide" role="alert" id="postFileAlert">
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
<strong>请选择需要上传的文件！</strong>
</div>
</div> </div>
<button id="btnSubmit" type="button" class="btn btn-success">上 传</button> <button id="btnSubmit" type="button" class="btn btn-success">上 传</button>
</form> </form>
@ -203,7 +220,10 @@
$('#previewByUrl').on('click',function() { $('#previewByUrl').on('click',function() {
var _url = $("#_url").val(); var _url = $("#_url").val();
if (!checkUrl(_url)) { if (!checkUrl(_url)) {
alert('请输入正确的url'); $("#previewCheckAlert").addClass("show");
window.setTimeout(function(){
$("#previewCheckAlert").removeClass("show");
},3000);//显示的时间
return false; return false;
} }
@ -217,6 +237,14 @@
}); });
$("#btnSubmit").click(function () { $("#btnSubmit").click(function () {
var _fileName = $("#fileName").text()
if(!_fileName){
$("#postFileAlert").addClass("show");
window.setTimeout(function(){
$("#postFileAlert").removeClass("show");
},3000);//显示的时间
return;
}
showLoadingDiv(); showLoadingDiv();
$("#fileUpload").ajaxSubmit({ $("#fileUpload").ajaxSubmit({
success: function (data) { success: function (data) {
@ -226,10 +254,12 @@
} else { } else {
$('#table').bootstrapTable('refresh', {}); $('#table').bootstrapTable('refresh', {});
} }
$("#fileName").text("");
$(".loading_container").hide(); $(".loading_container").hide();
}, },
error: function () { error: function () {
alert('上传失败，请联系管理员'); alert('上传失败，请联系管理员');
$("#fileName").text("");
$(".loading_container").hide(); $(".loading_container").hide();
}, },
url: 'fileUpload', /*设置post提交到的页面*/ url: 'fileUpload', /*设置post提交到的页面*/