如何用JavaScript和Java实现滑动图片登录验证功能？

本文共计2048个文字，预计阅读时间需要9分钟。

最新需求：公司要求在不改变原有登录逻辑的情况下，将原有的验证码登录形式改为滑动图片的形式！以下是做出的效果：+ 实现思路： 所有的图片数据，验证全部由后端完成。 前端滑动操作，仅负责将滑动位置传递给后端。

最新需要公司要求在不改变原来的登录逻辑的情况下，将原来的验证码登录的形式改成滑动图片的形式！下面是做出来的效果：

实现思路：所有的图片数据，验证全部由后端来做。前端调用接口，后端会返回两张经过base64加密的图片信息，分别是背景图片和滑块图片，前端滑动滑块以后将X方向的滑动距离传回后端做验证，验证成功以后再做后续的登录逻辑验证，以下是完整的过程：

获取背景图，我这边是在FTP上放了10张图片，随机获取一张。