2017-10-17 22 views
-2

基本上香港專業教育學院一直停留在這個問題上的地方我創建了一個顯示圖像功能的同時。只有當我添加一個url字符串,而不是我分配給forEach循環的url時,它才能正常工作。下面會給你一個完整的理解:有問題加載圖片時動態URL鏈接是對象,而不是字符串

function show_image(src, width, height, alt) { 
    var img = document.createElement("img"); 
    img.src = src; 
    img.width = width; 
    img.height = height; 
    img.alt = alt; 

    // This next line will just add it to the <body> tag 
    document.getElementById("inner-screen").appendChild(img) 
} 

var inputval = this.state.value.toLowerCase(); 
var data_map = Data.forEach(function(i){ 
    if(inputval === i.name){ 
    // not returning image 
    foo.innerHTML = i.element_type + "<br>" + show_image(i.imgUrl, 100, 100); 
// returning image 
     foo.innerHTML = i.element_type + "<br>" + show_image("www.example.com/img", 100, 100); 
    } 

正如你所看到的一切是非常直接的。來自「數據庫」的所有信息,我使用這個術語鬆散,因爲數據庫是另一個js文件中的對象數組。

+1

這將幫助,如果你表現出的數據的一個例子。你也使用'Data'迭代,不確定它來自哪裏。 – FutoRicky

+0

@FutoRicky它在另一個js文件中的同一目錄中。如果你不介意,你可以檢查我的repo.https://github.com/Nicholas-Rotondo/pokdex –

+0

@FutoRicky基本上它是一個僞JSON文件,因爲即時通訊懶得創造任何實際的數據庫大氣壓。 IM遍歷數據,其是保持多個小寵物對象並在每一次迭代我inputval可變匹配的任何對象的名稱,如果它們匹配則返回我在這個回調函數在foreach內指定數據的數組 –

回答

0

這些都是基於所提供的信息和鏈接,而我只在釉面回購。

  • Data常量應該像javascript編碼慣例一樣小寫。
  • 只有數組中的第一個對象包含imgUrl
  • 嘗試使用i["imgUrl"]獲取數據,而不是i.imgUrl

如果沒有這些工作,你應該提供更多信息以更清楚究竟是什麼原因造成的問題。

+0

請參閱[如何回答](https://stackoverflow.com/help/how 「***並非所有的問題都可以或應該在這裏得到解答,爲自己節省一些沮喪,避免試圖回答那些不清楚或缺乏可以唯一識別問題的具體細節的問題。對於沒有足夠信息的問題,不可能給出完整的答案。爲那些把精力投入到他們的問題中的人節省你的善意努力,以便它包含我們需要幫助他們的信息 - 他們必須幫助我們幫助他們! – FluffyKitten

相關問題