Upload-Lab第一关：轻松绕过前端验证的技巧！

2024年7月31日23:42:07评论21 views字数 1125阅读3分45秒阅读模式

❝

大家好！我是一个热衷于分享IT技术的up主。在这个公众号里，我将为大家带来最新、最实用的技术干货，从编程语言到前沿科技，从软件开发到网络安全。希望通过我的分享，能够帮助更多的小伙伴提升技术水平，共同成长！欢迎关注，一起探索科技的魅力吧！

简介

upload-lab 的第一关设计了一个简单的文件上传表单，前端通过JavaScript 进行文件扩展名验证。只有特定类型的文件（如 .jpg, .png 等）可以通过验证并上传。我们的目标是绕过前端验证，上传一个包含恶意代码的文件。下图是第一关的源码：

首先，打开第一关的页面，查看文件上传表单的 HTML 代码和 JavaScript 代码。通常可以通过浏览器的开发者工具F12来查看页面源代码和调试 JavaScript。

可以看到，checkFile 函数在表单提交时会检查文件的扩展名。如果扩展名不在允许的范围内，文件上传会被阻止。

要绕过前端验证，可以通过以下几种方法：

禁用 JavaScript：在浏览器中禁用 JavaScript，然后重新加载页面并上传文件。这种方法简单直接，但在实际场景中并不总是可行。
修改 HTML 代码：使用浏览器的开发者工具修改页面代码，去掉或修改验证函数。例如，将onsubmit="return checkFile()"改为 onsubmit="return true"。
直接发送请求：使用工具如 BurpSuite 或 Postman 直接向服务器发送文件上传请求，绕过前端验证。

我们选择使用开发者工具修改HTML代码。具体步骤如下：

打开浏览器的开发者工具F12
找到并选中 <form> 标签，修改 onsubmit 属性为 return true,或者，直接把这个onsubmit 函数调用删除。下图是把onsubmit修改为return true。

<?php phpinfo(); ?>

上传成功后，通过浏览器的返回结果得到webshell的存储位置，访问webshell，如下图：

详细的展示了当前PHP的所有信息。这样就把webshell上传成功了。

通过上述步骤，我们成功绕过了 upload-lab 第一关的前端验证，上传了一个包含恶意代码的文件。这展示了前端验证的不可靠性，强调了在实际开发中必须在服务器端实施严格的文件类型和内容检查。