无论如何通过将随机验证码文本转换为图像并在html中显示来使用角度创建验证码

Posted

技术标签:

【中文标题】无论如何通过将随机验证码文本转换为图像并在html中显示来使用角度创建验证码【英文标题】:Is there anyway to create captcha using angular, by converting random captcha text to image and display in html 【发布时间】:2018-06-03 09:41:48 【问题描述】:

看到这个视频Converting random text to image using php

我想要实现的是,我想创建一个随机文本并将其用作验证码。在 html 页面中显示时,验证码应显示为图像,以增加安全性。

通过观看上述视频,我发现在 PHP 中是可能的,但我需要在 angular 中实现。

有人可以帮我吗?示例代码将不胜感激。 :)

【问题讨论】:

【参考方案1】:

似乎在客户端创建验证码并不安全。您的代码将可供任何用户使用。使用服务器端是一个更好的决定。但是如果你想在客户端创建一个验证码,你可以使用带有失真过滤器的画布。类似https://www.html5rocks.com/en/tutorials/canvas/texteffects/

【讨论】:

以上是关于无论如何通过将随机验证码文本转换为图像并在html中显示来使用角度创建验证码的主要内容,如果未能解决你的问题,请参考以下文章

81 数字验证码识别实例

Captcha上的Python图像处理如何去除噪音

MVC中生成图形验证码并验证(详细)

js生成十六进制随机数(验证码)

Python生成验证码

验证码---短信验证码