//8,4图片区间 if ( x > -75 && x <= 0) { if ( y > -75 && y <= 0) { //8号 list.add(8); } else if ( y >= -150 && y <= -75 ) { //4号 list.add(4); } } else if ( x > -150 && x <= -75) { //7,3图片区间 if ( y > -75 && y <= 0) { //7号 list.add(7); } else if ( y >= -150 && y <= -75 ) { //3号 list.add(3); } } else if ( x > -225 && x <= -150) { //6,2图片区间 if ( y > -75 && y <= 0) { //6号 list.add(6); } else if ( y >= -150 && y <= -75 ) { //2号 list.add(2); } } else if ( x >= -300 && x <= -225) { //5,1图片区间 if ( y > -75 && y <= 0) { //5号 list.add(5); } else if ( y >= -150 && y <= -75 ) { //1号 list.add(1); } } else { return null; } } return list; } 刷新生成新的图片，由于ajax不支持二进制流，可以自己用原生的xmlHttpRequest对象加html5的blob来完成。 function refresh() { var url = "<%=request.getContextPath()%>/identify"; var xhr = new XMLHttpRequest(); xhr.open('GET', url, true); xhr.responseType = "blob"; xhr.onload = function() { if (this.status == 200) { var blob = this.response; //加载成功后释放blob bigPicture.onload = function(e) { window.URL.revokeObjectURL(bigPicture.src); }; bigPicture.src = window.URL.createObjectURL(blob); } } xhr.send(); 验证码整体代码完成了，还有有一些细节要处理。 以上就是本文的全部内容，希望对大家的学习有所帮助。