基本上香港專業教育學院一直停留在這個問題上的地方我創建了一個顯示圖像功能的同時。只有當我添加一個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文件中的對象數組。
這將幫助,如果你表現出的數據的一個例子。你也使用'Data'迭代,不確定它來自哪裏。 – FutoRicky
@FutoRicky它在另一個js文件中的同一目錄中。如果你不介意,你可以檢查我的repo.https://github.com/Nicholas-Rotondo/pokdex –
@FutoRicky基本上它是一個僞JSON文件,因爲即時通訊懶得創造任何實際的數據庫大氣壓。 IM遍歷數據,其是保持多個小寵物對象並在每一次迭代我inputval可變匹配的任何對象的名稱,如果它們匹配則返回我在這個回調函數在foreach內指定數據的數組 –