MVC 生成验证码

原创

已于 2024-07-10 16:41:59 修改 · 2w 阅读

11 ·

CC 4.0 BY-SA版权

文章标签：

#mvc

于 2024-07-10 16:31:18 首次发布

在mvc 出现之前生成验证码思路

在一个html页面上，生成一个验证码，在把这个页面嵌入到需要验证码的页面中。

JS生成验证码

<script type="text/javascript">
     jQuery(function ($) {
     
     

         /**生成一个随机数**/
         function randomNum(min, max) {
     
     
             return Math.floor(Math.random() * (max - min) + min);
         }
         /**生成一个随机色**/
         function randomColor(min, max) {
     
     
             var r = randomNum(min, max);
             var g = randomNum(min, max);
             var b = randomNum(min, max);
             return "rgb(" + r + "," + g + "," + b + ")";
         }
         var code = drawPic();
         document.getElementById("changeImg").onclick = function (e) {
     
     
             e.preventDefault();
             code = drawPic();
         }
         /**绘制验证码图片**/
         function drawPic() {
     
     
             var canvas = document.getElementById("canvas");
             var width = canvas.width;
             var height = canvas.height;
             //获取该canvas的2D绘图环境 
             var ctx = canvas.getContext('2d');
             ctx.textBaseline = 'bottom';
             /**绘制背景色**/
             ctx.fillStyle = randomColor