前端mockjs模拟图片验证码

Posted 2020-10-04 大棒子

ps：mockjs在进行相同的双数次请求的时候，会出现请求404的状况，希望有大佬帮解决下

首先创建dom

<img id=\'bbn\' src="" alt="图图">
<button id="but">asdsa</button>

在js中先写好mock

Mock.mock(/query/g,function(option){//拦截query请求
                return Mock.mock({
                        imgUrl: Mock.Random.dataImage(\'50x20\', Mock.mock({\'regexp\': /\\w{4}/}).regexp)
                });
});

在写点击事件

$(\'#but\').on(\'click\',function(){
           $.get(\'query\',function(data){
                 var data = JSON.parse(data);
                  $(\'#bbn\').attr(\'src\',data.imgUrl);
           });
});

让初始化就有一个

$.get(\'query\',function(data){
　　var data = JSON.parse(data);
　　$(\'#bbn\').attr(\'src\',data.imgUrl);
});