[发明专利]一种基于React实现图片验证码生成及刷新的方法

摘要

本发明公开了一种基于React实现图片验证码生成及刷新的方法，采用react框架，通过用户的操作直接从服务器获取图片及验证码，不需要把数据存入session，就不会存在数据混乱，时效及无法使用的情况，可以让用户在操作时有一定的时间停留，减少用户的频繁操作，减少服务器的压力；提高网站的安全性，同时通过使用react进行图片的及时刷新，让用户有了更好的操作体验，让用户觉得系统正规值得信任，可以有效防止非法用户进行程序恶意登录进行破坏，用来防止字典攻击、机器注册等问题。

主权项

1.一种基于React实现图片验证码生成及刷新的方法，其特征在于，具体包含以下步骤：A.当用户点开登录页面的同时，获取到该用户的该操作的唯一码，并将此唯一码传给服务器，等待服务器返回图片地址及数字字母验证码；B.获取服务器返回的图片地址及数字字母验证码，给图片地址加上时间戳并将对应的图片渲染到页面上；C.当用户输入页面上展示的图片的验证码信息时，获取用户输入的验证码与服务器返回的信息进行比对，若用户输入验证码错误则提示用户并重复步骤C，否则进入步骤D；D.提示用户输入登录密码并验证用户输入登录密码是否正确，若用户输入登录密码错误则重新获取用户的唯一码并返回步骤A，否则，响应用户的登录；E.若用户点击刷新图片，则在图片上加上一个点击事件，同时获取带时间戳的图片地址，并将对应的图片渲染到页面上。