使用JavaScript将图像加载到图像控件

时间:2013-01-11 07:21:42

标签: c# javascript asp.net visual-studio-2010

现在我需要将显示图像更改为图像控件。帮帮我?

var imlocation1 = "Bhopal/";
var currentdate1 = 0;
var image_number1 = 0;
function ImageArray1(n) {
 this.length = n;
                   for (var i = 1; i <= n; i++) {
                       this[i] = ' '
                   }
               }
               image1 = new ImageArray1(3)
               image1[0] = '2.jpg'
               image1[1] = '4.jpg'
               image1[2] = '1.jpg'
               var rand1 = 100/ image1.length
               function randomimage1() {
                   currentdate1 = new Date()
                   image_number1 = currentdate1.getSeconds()
                   image_number1 = Math.floor(image_number1 / rand1)
                   return (image1[image_number1])
               }
               document.write("<img src='" + imlocation1 + randomimage1() + "'>");

3 个答案:

答案 0 :(得分:1)

&#34; IMG&#34;元素有&#34; src&#34;指向服务器上的图像的属性。所以你需要找到&#34; img&#34; element,如果找到则设置src属性。

完整问题http://www.bing.com/search?q=I+Load+an+Image+to+an+Image+Control+using+JavaScript&src=IE-SearchBox&FORM=IE8SRC的基本搜索提供以下链接:http://www.javascriptexamples.org/2011/01/18/how-to-dynamically-load-an-image-using-javascript/

以上链接中的示例:

 <div id="imageContainer"></div>

var img = document.createElement("img");
img.onload = function(e) {
    var container = document.getElementById("imageContainer");
    container.appendChild(e.target);
}
img.setAttribute("src","images/puppy.jpg");

答案 1 :(得分:0)

$("#YourImageId").attr("src", "ImagePath")

如果您使用网络表单 - 可能

$("#<%=YourImageServerId.ClientID%>")

如果它没有帮助 - 将一些代码或更多信息发布到您的问题

答案 2 :(得分:0)

控件的想法只存在于服务器端。在这种情况下,Javascript只能在客户端运行,在浏览器上运行。一旦服务器呈现图像控件,您最终会在客户端获得IMG标记。如果你使用ID或CSS类标记它,你可以使用Javascript(甚至更好的像JQuery这样的库)找到它并用它加载图像。