Fondamentalement, j'ai été bloqué sur ce problème pendant un moment où j'ai créé une fonction d'affichage d'image. Cela fonctionne bien seulement quand j'ajoute une chaîne d'URL et pas mon URL assignée à une boucle forEach. Ci-dessous vous donnera une compréhension complète:Problème de chargement dynamique de l'image lorsque le lien URL provient d'un objet et non d'une chaîne
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);
}
que vous pouvez voir tout est assez simple. toutes les informations de "base de données" et j'utilise ce terme vaguement puisque la base de données est un tableau d'objets dans un autre fichier js.
Il serait utile si vous montriez un exemple de données. De plus, vous utilisez 'Data' pour itérer, vous ne savez pas d'où cela vient. – FutoRicky
@FutoRicky est dans un autre fichier js dans le même répertoire. Si vous ne me dérange pas, vous pouvez vérifier mon repo.https: //github.com/Nicholas-Rotondo/pokdex –
@FutoRicky essentiellement son un fichier pseudo-json, puisque je suis trop paresseux pour créer des bases de données réelles atm. im iterating sur Data qui est un tableau qui contient plusieurs objets pokemon et sur chaque itération ma variable inputval correspond au nom de tous les objets, s'ils correspondent, retourne les données que je spécifie dans cette fonction de callback dans le foreach –