呼叫功能HTML

Question

我有這個功能，我通過它img標籤在HTML

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做這一切的服務器端的。這些更改不是客戶端，服務器應該有所有必要的數據。