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

权利要求书

1.一种基于React实现图片验证码生成及刷新的方法，其特征在于，具体包含以下步骤：

A.当用户点开登录页面的同时，获取到该用户的该操作的唯一码，并将此唯一码传给服务器，等待服务器返回图片地址及数字字母验证码；

B.获取服务器返回的图片地址及数字字母验证码，给图片地址加上时间戳并将对应的图片渲染到页面上；

C.当用户输入页面上展示的图片的验证码信息时，获取用户输入的验证码与服务器返回的信息进行比对，若用户输入验证码错误则提示用户并重复步骤C，否则进入步骤D；

D.提示用户输入登录密码并验证用户输入登录密码是否正确，若用户输入登录密码错误则重新获取用户的唯一码并返回步骤A，否则，响应用户的登录；

E.若用户点击刷新图片，则在图片上加上一个点击事件，同时获取带时间戳的图片地址，并将对应的图片渲染到页面上。

2.根据权利要求1所述的一种基于React实现图片验证码生成及刷新的方法，其特征在于，所述步骤B及步骤E中将图片渲染到页面上时具体是通过对react生命周期的运用与和redux的结合，在接受任意输入的组件props的更新中获取发起请求前的下一次唯一码及redux中存储的数据，使数据在操作的同时获得，并将对应的图片渲染到页面上。

3.根据权利要求2所述的一种基于React实现图片验证码生成及刷新的方法，其特征在于，所述步骤E具体为：

E.若用户点击刷新图片，在img标签中加上在接受任意输入的组件props的更新中请求接口后得到的图片地址并添加点击事件并绑定一个功能性组件function，在功能性组件function中请求redux中的图片接口，并在接受任意输入的组件props的周期中判段接口是否请求成功，并在成功时获取图片地址并在图片地址后面加上时间戳，再将对应的图片渲染到页面上。

4.根据权利要求1或3所述的一种基于React实现图片验证码生成及刷新的方法，其特征在于，所述时间戳是获取当前时间后进行倍数处理得到的。