Looking for breakthrough ideas for innovation challenges? Try Patsnap Eureka!

A method for generating and refreshing picture verification codes based on React

A picture verification code and verification code technology, which is applied in the field of image verification code generation and refresh based on React, can solve problems such as unavailability, and achieve the effect of avoiding data confusion.

Inactive Publication Date: 2018-12-07
SICHUAN CHANGHONG ELECTRIC CO LTD
View PDF6 Cites 3 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

[0007] The purpose of the present invention is to overcome the deficiencies in the above-mentioned background technology, provide a method based on React to realize the generation and refresh of picture verification codes, adopt the react framework, directly obtain pictures and verification codes from the server through the user's operation, and do not need to store the data in session, there will be no data confusion, timeliness and unusable situations, allowing users to stay for a certain period of time during operation, reducing frequent user operations, reducing server pressure; improving the security of the website, and at the same time through the use of react The timely refresh of the pictures allows users to have a better operating experience and makes users feel that the system is legitimate and trustworthy. It can effectively prevent illegal users from maliciously logging in to the program for damage, and is used to prevent dictionary attacks (violent guessing), machine registration and other problems.

Method used

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
View more

Image

Smart Image Click on the blue labels to locate them in the text.
Viewing Examples
Smart Image
  • A method for generating and refreshing picture verification codes based on React
  • A method for generating and refreshing picture verification codes based on React

Examples

Experimental program
Comparison scheme
Effect test

Embodiment

[0027] The existing verification code does not solve the timeliness of data, and some errors are likely to occur. For example, the verification code is entered correctly according to the content shown in the picture, but it still prompts an error. After refreshing the picture, it can be entered correctly. That is because The data is not obtained in time and caused by the browser cache.

[0028] In order to solve the above problems, this embodiment provides a method for generating and refreshing image verification codes based on React, which flexibly uses the life cycle and timestamp of React, so that users can get data as soon as they enter the website, and Refresh the browser in time and clear the browser cache, mainly through different operations on different browsers, sending different unique codes UniqueCode, and when different users open the page, the update of component props that accepts any input is the componentWillReceiveProps life cycle Send the next unique code nex...

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to View More

PUM

No PUM Login to View More

Abstract

The invention discloses a method for generating and refreshing picture verification codes based on React. Using the react framework, users can obtain pictures and verification codes directly from theserver through the operation of the user without storing data into session, so there will be no data confusion or time-consuming and unusable situations, the users can stay in operation for a certainperiod of time, the frequent operation of the users is reduced and the pressure of the server is reduced. The method improves the security of the website, and through the use of react, the picture isrefreshed in time, so that users have a better operation experience and feel that the system is formal trustworthy. The method can effectively prevent illegal users from malicious login programs to destroy, and is used to prevent dictionary attacks, machine registration and other issues.

Description

technical field [0001] The invention relates to the field of web technology, in particular to a method for generating and refreshing a picture verification code based on React. Background technique [0002] With the development of Internet technology, more and more users use Internet products. When a website has multiple users and high concurrency, it is easy to cause the website to crash. As a way to prevent users from frequently operating and illegal users from maliciously logging in to programs to destroy them, the picture verification code has a wide range of applications and is easy to operate. [0003] React is a very popular front-end development framework recently. As the View layer in MVC, it can be used to build UI, and it can also be applied to the construction of non-UI parts of web applications in the form of plug-ins, so that it can easily integrate with other JS frameworks. Integration, such as AngularJS. At the same time, React implements partial updates to...

Claims

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to View More

Application Information

Patent Timeline
no application Login to View More
Patent Type & Authority Applications(China)
IPC IPC(8): G06F21/36G06F21/46
CPCG06F21/36G06F21/46G06F2221/2133
Inventor 王月凤李晓燕唐军顾舰灵
Owner SICHUAN CHANGHONG ELECTRIC CO LTD
Who we serve
  • R&D Engineer
  • R&D Manager
  • IP Professional
Why Patsnap Eureka
  • Industry Leading Data Capabilities
  • Powerful AI technology
  • Patent DNA Extraction
Social media
Patsnap Eureka Blog
Learn More
PatSnap group products