JS操作如何从后台获取图片并显示在<img>

JavaScript030

JS操作如何从后台获取图片并显示在<img>,第1张

<img src="a" onclick="changeValidateImage()"/>

src指向的后台方法a,让它的返回response.getWriter().write(b)

b就是读取的图片字节流

你后台应该先有个URL,专门取你说的哪些数据。实现方式jquery,ajax,假设你服务器返回的数据就是简单文本.

//这个假设是你的图片url集合

var imageCollect = ["pic1.png","pic2.png","pic3.png"]

var loadImage = function()

{

var url = "http://xxx.xxx.xx"

$.ajax({

url:url,

cache:false,

type:"get",

async:true,

success:function(response) {

if(isNaN) {

return

}

var showImageCount = Math.round(Number(response)/10)

//这块我仅仅给出代码框架,测试可以,实际自己修改

for(var i=0i <showImageCount &&i <imageCollect.length -1i++)

{

var img = new Image()

img.src = imageCollect[i]

document.body.appendChild(img)

}

}

})

}

以上是我的回答,别被人窃取。

如果你不是一定要Ajax来获取你的图片,我建议你直接在后面用img元素来加载你三张图片就好了。

如果你的图片是一个地址,直接用AJAX来获取,那AJAX只是请求你图片的地址,然后用img元素生成就好。