换一组

然后是对应的JS逻辑代码：imageValidate.js。之前说过后台返回的图片是转成base64了的，所以我们在生成图片的时候，直接在img标签的src内容前加入data:image/png;base64,即可，注意又一个英文逗号。

var left = 0;

$(function(){

// 初始化图片验证码

initImageValidate();

/* 初始化按钮拖动事件 */

// 鼠标点击事件

$("#sliderInner").mousedown(function(){

// 鼠标移动事件

document.onmousemove = function(ev) {

left = ev.clientX;

if(left >= 67 && left <= 563){

$("#sliderInner").css("left",(left-67)+"px");

$("#slideImage").css("left",(left-67)+"px");

}

};

// 鼠标松开事件

document.onmouseup=function(){

document.onmousemove=null;

checkImageValidate();

};

});

});

function initImageValidate(){

$.ajax({

async : false,

type : "POST",

url : "/common/createImgValidate",