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。 不會在客戶端進行更改，並且服務器應具有所有必要的數據。