web服务器,验证码,Xftp使用方法
2023-09-11 14:16:53 时间
IIS操作步骤
直接装的wamp
腾讯云主机控制台
安全组里可以配置要开放的端口
关闭防火墙
(C:\wamp\bin\apache\Apache2.4.4)
打开httpd.conf文件
require all denied
改成:
wamp用localhost可以访问,用公网ip无法访问
用外网访问提示403 forbbiden
最好关闭防火墙
打开http://localhost
建立web服务器
将网站挂在8080端口上
在IIS中可以选择“添加虚拟目录”和“添加应用程序”两种方法
选择一个网站或者虚拟目录
验证码功能
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>前端验证码功能</title>
<style>
*{
margin: 0;
padding: 0;
}
body{
background: rgba(0, 0, 0, .1);
/* background: #061227; */
}
form{
width: 600px;
margin: 100px auto;
}
.box{
height: 40px;
line-height: 40px;
}
.tip{
float: left;
}
input{
float: left;
width: 200px;
height: 30px;
padding: 3px 10px;
line-height: 30px;
}
#identify{
float: left;
width: 100px;
height: 40px;
line-height: 40px;
font-weight: bold;
text-align: center;
letter-spacing: 2px;
background: #365c64;
color: #fff;
border-radius: 5px;
margin: 0 10px;
}
.btn{
margin: 25px auto;
}
.btn button{
width: 200px;
height: 36px;
line-height: 36px;
background: #409eff;
border-radius: 5px;
border: 0;
color: #fff;
}
</style>
</head>
<body>
<form action="">
<div class="box">
<span class="tip">验证码:</span>
<input type="text" id="text" value="" placeholder="请输入验证码" autocomplete="off">
<span id="identify" onclick="generatedCode()"></span>
<a href="javascript:void(0)" onclick="generatedCode()">看不清,换一张</a>
</div>
<div class="btn"><button onclick="checkCode()">验证</button></div>
</form>
</body>
<script>
generatedCode();
// 随机生成验证码
function generatedCode() {
var code1 = "";//生成的验证码
var array = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'];
for (let i = 0; i < 4; i++) {
var index = Math.floor(Math.random() * 36);//随机0-35
code1 += array[index];
document.getElementById("identify").innerHTML = code1;
}
console.log("二维码是:",code1)
};
// 验证用户输入
function checkCode() {
var code2 = document.getElementById("identify").innerHTML;//获取当前生成的验证码
code2 = code2.toUpperCase();
var code3 = document.getElementById("text").value; //客户输入的验证码
code3 = code3.toUpperCase();//把客户输入的验证码转换为大写
console.log("生成的二维码是:"+ code2 +"\n用户输入的验证码是:"+ code3)
if (code2 === code3) {
alert("恭喜验证成功");
// window.open('http://www.baidu.com');
} else {
alert("输入的验证码不正确");
code3 = "";//清空用户输入
}
}
</script>
</html>
WampServer
腾讯云服务器
Windows Server 2012 R2,WampServer 2.4。
FTP是 File Transfer Protocol文件传输协议的缩写,用来在两台计算机之间互相传送文件。
Xftp使用方法
点击Download下方的Free License菜单
https://www.netsarang.com/
结言
好了,欢迎在留言区留言,与大家分享你的经验和心得。
感谢你学习今天的内容,如果你觉得这篇文章对你有帮助的话,也欢迎把它分享给更多的朋友,感谢。
相关文章
- IIS服务器禁止某个IP或IP地址范围访问网站的方法
- Windows下SVN服务器搭建方法整理(apache)
- glove.840B.300d glove词向量词嵌入文件国内服务器下载 出现麻烦阻塞的点时,就要思考google有没有更快捷的方法
- C#调用接口注意要点 socket,模拟服务器、客户端通信 在ASP.NET Core中构建路由的5种方法
- Server2008R2:由于没有远程桌面授权服务器可以提供许可证,远程会话被中断.的解决方法,求大神们指导
- web安全day46:使用Openvas+MSF理解漏扫方法、利用及补丁修复
- java基础—Calendar类方法演示
- strtok在keil中使用小笔记及字符串转换为多个浮点数的方法
- 请说出三种减少页面加载时间的方法
- 淘东电商项目(62) -聚合支付(基于模板方法设计模式管理支付回调-支付宝)
- android小文章——手机照片上传服务器方法
- web服务器,验证码,Xftp使用方法
- android.graphics.Paint方法setXfermode (Xfermode x...
- 使用扩展有效对齐 SwiftUI 内容,创建自定义 SwiftUI 方法以快速对齐项目并使您的代码看起来简洁明了(教程含源码)
- 利用xcopy命令实现本地文件复制到远程服务器的方法
- 用VSCode连接远程Linux服务器实时修改代码的方法
- createContext 和 useContext 结合使用实现方法共享(React Hook跨组件透传上下文与性能优化)
- 服务器 centos 系统漏洞快速修复简易方法
- Python实现下载文件的三种方法
- vs2015启动网站调试提示 HTTP 错误 403.14 - Forbidden Web 服务器被配置为不列出此目录的内容。 解决方法
- ios中NSUserDefaults的使用方法
- Django学习路19_is_delete属性,重写类方法,显性隐性属性
- ANSYS——常见梁的后处理方法(弯曲应力、弯矩、轴力等的显示)
- 基于图像原始像素信息的简单CT/MRI医学图像配准方法