Question

我是编码HTML和javascript的新手，这是我的项目当我点击随机按钮时，图像无法显示，但是当我在计算机上运行时，它可以正常工作。我真的不知道它有什么问题。

这是我的github页面：https://tonyeiei.github.io/scfoodcourt/index.html

这是我的源码github：https://github.com/tonyeiei/scfoodcourt

这是我的代码

＆＃13;

<button onClick="randomImg()" class="btn">Random</button>
              <img id="imageid" src="">
              <script language="JavaScript">function randomImg(){
    var randomNumber = Math.floor(Math.random() * 12) + 1;
    var imgName = "random_" + randomNumber + ".jpg";
    document.getElementById("imageid").src= "images" + "/" + imgName ;
 }
</script>

＆＃13;

Answer 1

您正在请求random_2.jpg，但您的文件名为Random_2.jpg。

大多数计算机（特别是服务器）使用区分大小写的文件系统，因此关心这类事情。你的开发机器没有。

Answer 2

文件名区分大小写，并且提供的代码段显示在给定正确的文件名时这是有效的。

<button onClick="randomImg()" class="btn">Random</button>
              <img id="imageid" src="">
              <script language="JavaScript">function randomImg(){
    var randomNumber = Math.floor(Math.random() * 12) + 1;
    var imgName = "Random_" + randomNumber + ".jpg"; //<-- Capital R in random
    document.getElementById("imageid").src= "https://github.com/tonyeiei/scfoodcourt/raw/master/images/" + imgName ;
 } //<-- To show you that it works if you give it the correct url
</script>

我的img不会加载到github上，而是在本地工作

2 个答案: