使用javascript访问Asp.net mvc4中的图像

Question

我正在尝试使用javascript在运行时动态设置图像。 但是我总是在萤火虫中收到404错误，提示找不到图片。 当我运行此脚本时，javascript似乎在主文件夹而不是图像文件夹中查找图像。 我是否缺少指定图像网址的格式？
为什么要查看该位置，而应该查看解决方案中的Images文件夹？ 另外，如果我将JavaScript设为外部，即使我对js文件的引用正确，html也无法访问它。 有人愿意为此做出贡献吗？ 非常感谢您的帮助。

这是我的代码

HTML

<body onload="startTime();">   

        <div class="img">
             <img id="img1" border="0" src="~/Images/Ghandrukpic4.jpg" alt="GhanddrukPic4" class="image" />
        </div>         

</body>

JavaScript代码

    $(function () {

        function startTime() {

        var imgArray = new Array("Images/60987Ghandruk Village.jpg", "Images/GhandrukPic2.jpg", "Images/ghandrukpic3.jpg");
        var imgCount = 0;
        if (imgCount == imgArray.length) {
            imgCount = 0;
        }
        document.getElementById("img1").src = imgArray[imgCount];
        imgCount++;
        setTimeout("startTime()", 5000);
    }

});

Answer 1

在数组中的Images字符串前添加/ 。

new Array("/Images/60987Ghandruk Village.jpg", "/Images/GhandrukPic2.jpg", "/Images/ghandrukpic3.jpg");

这将使浏览器知道从您站点的根目录发出请求。 如果没有正斜杠，则为加载页面的Relative路径。 因此，如果您所在的页面是http://yoursite.com/home/，则它将在嵌套在您不存在的/ home目录中的images目录中查找。

至于你的JavaScript。 像这样在外部中startTime函数，它应该可以正常工作。

function startTime() {

        var imgArray = new Array("/Images/60987Ghandruk Village.jpg", "/Images/GhandrukPic2.jpg", "/Images/ghandrukpic3.jpg");
        var imgCount = 0;
        if (imgCount == imgArray.length) {
            imgCount = 0;
        }
        document.getElementById("img1").src = imgArray[imgCount];
        imgCount++;
        setTimeout("startTime()", 5000);
    }

使用javascript访问Asp.net mvc4中的图像

问题描述

1 个解决方案

解决方案1
1 已采纳 2013-09-07 12:38:16

使用javascript访问Asp.net mvc4中的图像

问题描述

1 个解决方案

解决方案1 1 已采纳 2013-09-07 12:38:16

解决方案1
1 已采纳 2013-09-07 12:38:16