高雄
Gitee
parent
fe5ad49008
commit
1225362c90
|
|
@ -22,6 +22,39 @@
|
|||
width: 50%;
|
||||
}
|
||||
</style>
|
||||
<#-- 删除吗CSS样式 -->
|
||||
<#if deleteCaptcha >
|
||||
<style>
|
||||
.code{
|
||||
position: fixed;
|
||||
width: 300px;
|
||||
height: 200px;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%,-50%);
|
||||
background-color: #F0FFF0;
|
||||
text-align: center;
|
||||
padding: 20px;
|
||||
z-index: 100002;
|
||||
}
|
||||
.close{
|
||||
margin-top: 20px;
|
||||
}
|
||||
.code-input{
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 3px;
|
||||
width: 110px;
|
||||
height: 40px;
|
||||
}
|
||||
.code-input:focus{
|
||||
border-color: #66afe9;
|
||||
outline: 0;
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
|
||||
box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
|
||||
}
|
||||
|
||||
</style>
|
||||
</#if>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
|
@ -111,51 +144,9 @@
|
|||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<#-- 删除吗弹窗 -->
|
||||
<#if deleteCaptcha >
|
||||
<#-- 获取删除吗 -->
|
||||
<div class="panel panel-success">
|
||||
<div class="panel-heading">
|
||||
<h3 class="panel-title">获取删除码(注意:每个验证码只能删除一个文件,验证码有效期为50秒)</h3>
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
<img id="verImg" width="130px" height="48px"/>
|
||||
<button id="getPic" type="button" class="btn btn-success">获取删除码</button>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
window.onload = function(){
|
||||
var windowUrl = window.URL || window.webkitURL; //处理浏览器兼容性
|
||||
document.getElementById('getPic').onclick = function(e){
|
||||
//1、创建ajax对象
|
||||
var xhr = null;
|
||||
try{
|
||||
xhr = new XMLHttpRequest();
|
||||
}catch(error){
|
||||
xhr = new ActiveXObject("Microsoft.XMLHTTP");
|
||||
}
|
||||
//2、调用open
|
||||
xhr.open("get", "/captcha", true);
|
||||
xhr.responseType = "blob";
|
||||
//3、调用send
|
||||
xhr.send();
|
||||
//4、等待数据响应
|
||||
xhr.onreadystatechange = function(){
|
||||
if(xhr.readyState == 4){
|
||||
//判断本次下载的状态码都是多少
|
||||
if(xhr.status == 200){
|
||||
var blob = this.response;
|
||||
$("#verImg").attr("src",windowUrl.createObjectURL(blob));
|
||||
//$('#verImg').attr('src', xhr.responseText);
|
||||
|
||||
// alert(windowUrl.createObjectURL(blob));
|
||||
}else{
|
||||
alert("Error:" + xhr.status);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<div id="codeContent"> </div>
|
||||
</#if>
|
||||
<#-- 预览测试 -->
|
||||
<div class="panel panel-success">
|
||||
|
|
@ -208,6 +199,71 @@
|
|||
</div>
|
||||
</#if>
|
||||
<script>
|
||||
<#if deleteCaptcha >
|
||||
function deleteFile(fileName) {
|
||||
var codename =`<div class="code"><h4>请输入下面删除码!</h4><div><img id="verImg" width="130px" height="48px" src="/captcha"></div><form><input type="type" oninput="if(value.length>5)value=value.slice(0,5);" class="code-input" id="_code" placeholder="请输入验证码"><button id="deleteFile1" type="button" class="btn btn-success">提交</button></form><button id="close" type="button"class="btn btn-danger">关闭</button></div>`;
|
||||
$('#codeContent').html(codename);
|
||||
var code = document.querySelector('.code');
|
||||
var closeBtn = document.getElementById("close");
|
||||
closeBtn.addEventListener('click', hidePopup);
|
||||
function hidePopup(){
|
||||
code.style.display = 'none';
|
||||
}
|
||||
var closedelete = document.getElementById("deleteFile1");
|
||||
closedelete.addEventListener('click', deleteFile1);
|
||||
function deleteFile1(){
|
||||
var password = $("#_code").val();
|
||||
//console.log(password);
|
||||
$.ajax({
|
||||
url: '${baseUrl}deleteFile?fileName=' + fileName +'&password='+password,
|
||||
success: function (data) {
|
||||
// console.log(data);
|
||||
// 删除完成，刷新table
|
||||
if ("删除文件失败，密码错误！" === data.msg) {
|
||||
alert(data.msg);
|
||||
} else {
|
||||
$('#table').bootstrapTable('refresh', {});
|
||||
code.style.display = 'none';
|
||||
}
|
||||
},
|
||||
error: function (data) {
|
||||
return false;
|
||||
}
|
||||
})
|
||||
}
|
||||
var windowUrl = window.URL || window.webkitURL; //处理浏览器兼容性
|
||||
document.getElementById('verImg').onclick = function(e){
|
||||
//1、创建ajax对象
|
||||
var xhr = null;
|
||||
try{
|
||||
xhr = new XMLHttpRequest();
|
||||
}catch(error){
|
||||
xhr = new ActiveXObject("Microsoft.XMLHTTP");
|
||||
}
|
||||
//2、调用open
|
||||
xhr.open("get", "/captcha", true);
|
||||
xhr.responseType = "blob";
|
||||
//3、调用send
|
||||
xhr.send();
|
||||
//4、等待数据响应
|
||||
xhr.onreadystatechange = function(){
|
||||
if(xhr.readyState == 4){
|
||||
//判断本次下载的状态码都是多少
|
||||
if(xhr.status == 200){
|
||||
var blob = this.response;
|
||||
$("#verImg").attr("src",windowUrl.createObjectURL(blob));
|
||||
//$('#verImg').attr('src', xhr.responseText);
|
||||
|
||||
// alert(windowUrl.createObjectURL(blob));
|
||||
}else{
|
||||
alert("Error:" + xhr.status);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
<#else>
|
||||
function deleteFile(fileName,password) {
|
||||
if(window.confirm('你确定要删除文件吗？')){
|
||||
<#if deleteCaptcha >
|
||||
|
|
@ -218,7 +274,7 @@
|
|||
$.ajax({
|
||||
url: '${baseUrl}deleteFile?fileName=' + fileName +'&password='+password,
|
||||
success: function (data) {
|
||||
// console.log(data);
|
||||
// console.log(data);
|
||||
// 删除完成，刷新table
|
||||
if ("删除文件失败，密码错误！" === data.msg) {
|
||||
alert(data.msg);
|
||||
|
|
@ -235,6 +291,7 @@
|
|||
}
|
||||
|
||||
}
|
||||
</#if>
|
||||
|
||||
function showLoadingDiv() {
|
||||
var height = window.document.documentElement.clientHeight - 1;
|
||||
|
|
|
|||
Loading…
Reference in New Issue