js中怎么获取图片？

JavaScript014

js中怎么获取图片？,第1张

直接系在innerHtml中只能显示为文本的

应该把img添加到DOM中去才可以显示

参考下面的代码

 window.onload = function () {

             var o = document.getElementById("C_Top")

             var img = document.createElement("img")

             img.src = "

https://www.baidu.com/img/bdlogo.png

"

             var b = document.getElementById("bin2")

             b.onclick = function () {

                 o.appendChild(img)

             }

         }

这样才能把img元素添加到document中

var i_strngth = 1

var i_image = 0

var imageurl = new Array()

// 这一部分我是手功指定的图片路径,你的图片路径是放在数据库中的，只用在这里做更改，把路径的设置改成动态读取就可以了

//======================================

imageurl[0] ="images/pic1.gif"

imageurl[1] ="images/pic2.gif"

imageurl[2] ="images/pic3.gif"

imageurl[3] ="images/pic4.gif"

//======================================

function showimage()

{

if(document.all)

{

if (i_strngth <= 110)

{

div_Pic.innerHTML = "<img style=\"filter:alpha(opacity='" + i_strngth + "')height:248pxwidth:138px\" src='" + imageurl[i_image] + "' border='0' />"

i_strngth = i_strngth + 10

var timer=setTimeout("showimage()", 100)

}

else

{

clearTimeout(timer)

var timer = setTimeout("hideimage()", 1000)

}

}

if(document.layers)

{

clearTimeout(timer)

document.div_Pic.document.write("<img src='" + imageurl[i_image] + "' border='0' style='height:248pxwidth:138px' />")

document.close()

i_image++

if (i_image >= imageurl.length)

{

i_image = 0

}

var timer = setTimeout("showimage()", 2000)

}

}

function hideimage()

{

if (i_strngth >= -10)

{

div_Pic.innerHTML = "<img style=\"filter:alpha(opacity='" + i_strngth + "')height:248pxwidth:138px\" src='" + imageurl[i_image] + "' border='0' />"

i_strngth = i_strngth - 10

var timer = setTimeout("hideimage()", 100)

}

else

{

clearTimeout(timer)

i_image++

if (i_image >= imageurl.length)

{

i_image = 0

}

i_strngth = 1

var timer=setTimeout("showimage()", 500)

}

}

那就需要用到Ajax技术，你是用时间来做为图片名称，那么可以用程序取出文件名然后选取离系统当前时间最近的一个文件做为当前显示的图片，然后回传达到JS来进行图片路径的更改显示