Question

jquery ajax动态加载图片

是这样的.我这边有个网页可以生成验证码. 但是那个看不清楚换一个的功能没实现.
我想用ajax再读一遍生成验证码的网页.放到<img>上.可是没反应. 是不是需要刷新生成验证码的网页才能出现新的验证码啊?放到<div>上面有反应.不过出来的是乱码.
我能怎么该一下吗？

Answer 1

一般验证码使用的是服务器上的一个动态生成图片的脚本文件，比如PHP，然后利用 header 函数输出为图片。如 <img scr="http://www.163.com/validate.php"> 其中访问 validate.php 文件会向浏览器输出一张图片。

而你是想使用AJAX异步方式，这样的话上面的方式不太可行了，前提是你必须去访问这个 validate.php 文件让其生成新的验证码，但AJAX无法返回像图片这种流数据出来，一般是JSON类型的字符。这样的话，你只能让AJAX访问这个validate.php 文件，让其把验证码图片生成在服务器上，然后返回这张验证码图片的新地址，再在页面操作这个<img> 的 src 属性即可。

Answer 2

验证码的生成的程序代码和当前页面的编码是否是一致！如果不一致可能会产生验证码乱码问题。当前你的程序生成的是验证码图片的地址是否是新生成后的验证码图片。也可能是产生了缓存问题导致你页面的图片不是最新的生成的！需要你自己去判断和思考了。

Answer 3

可以看一下我整理的博客 验证码 希望能够帮到你
http://hi.baidu.com/superfiresun/blog/item/232bc50cd888a293d53f7caa.html
(绝对不坑爹)

Answer 4

就是用ajax换src地址 ,比如

<img id="imgRegistVerify" class="landpage_padding02" src="VerifyCodeRegist.aspx" alt="看不清？点击更换" onclick="this.src=this.src+'?'">