Question

我正在一个非常简单的网页上工作，该网页仅包含一个在其上方生成随机图像的按钮。

我已经在线搜索过，但没有答案似乎可以解决我的问题。

我有一个似乎有效的js代码：它生成一个随机数，但是当我尝试将数字链接到'.jpg'时（这就是我所有图像的命名方式，例如：1.jpg，2.jpg等）

 " Failed to load resource:  [x].jpg:1 
    net::ERR_FILE_NOT_FOUND "

这基本上意味着我拥有的功能不是将变量中的随机数添加到文件名src中。

我确定图像的名称是[number] .jpg，并且目录正确。

HTML：

     <body>
          <div class="container-fluid">
              <section class="row">
                  <div class="col-12" id="divImage"> </div>
              </section>
              <section class="row">
                  <button onclick="generator()"> Go </button>
              </section>
            </div>
          <script src="teste.js"></script>
      </body>

JS：

function generator() {
    var x= Math.floor((Math.random()*12)+1);
    console.log(x);
    document.getElementById('divImage').innerHTML='<img src="img/[x].jpg">';
}

Answer 1

如果要在字符串上插入变量，请使用以下其中一项：

'<img src="img/' + x +'.jpg">'

或使用ES6

`<img src="img/${x}.jpg">`

随机图像生成器未在目录中找到图像

1 个答案: