前端mockjs模拟图片验证码

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);
});

转载于:https://www.cnblogs.com/lw-88238/p/7426537.html