HTML中img标记中的调用函数

Question

我有这个功能，我在HTML的img标签中传递了它

check(imgNumber)


<script>
        var data = <%- JSON.stringify(@data) %>;
 function check(value) {
        var arrN = ["15","16","35","36","n15","n16","n35","n36","n37",];
        for (var i = 0; i < arrN.length; i++) {
            if (img === arrN[i]) {
             return "/icon_"+imgNumber+"_en.png";
            }
        }
        return "/icon_"+imgNumber+".png";

    }
        </script> 

        <div id="main">

        <img class="status-icon" src="check(<%= @data.imageEng %>)" width="26" height="auto" />
        </div>
    </body>

</html>

我收到此错误http：// localhost：3000 / icon / check（3） 404（未找到），并且没有出现照片。 我该如何解决？

Answer 1

 <img class="status-icon" src="check(<%= @data.imageEng %>)" 

你不能那样做； src =标签未评估。 您必须做不同的事情（jQuery之类的库也可能有帮助）：

<img id="id12345" src="about:blank" eng="<%= @data.imageEng %>" />

...
<script>
    var img = document.getElementById('id12345');
    img.src = check(img.eng);
</script>

但是实际上，您可以在所有服务器端完全不需要Javascript。 不会在客户端进行更改，并且服务器应具有所有必要的数据。