J'ai fait des recherches et j'essayais de nombreuses solutions que je pouvais penser à;
Je veux rendre ou afficher mes images de mon serveur Atlas MongoDB à mon application Native React. J'ai fait le travail de contrôle à l'aide de Multer pour obtenir le fichier Req et le sauvegarder sur mon fichier ../assets/ dossier, mais lorsque j'essaie de l'extraire et d'utiliser
Ceci est mon chemin de fichier après MULTER et enregistré dans My MongoDB P>
<Image source={photo} style={styles.image} borderRadius={10} />
3 Réponses :
Essayez ceci:
<Image source={require('your path')} />
Mes chemins sont peuplés de manière dynamique de sorte que ce n'est pas possible d'utiliser exiger ("mon chemin") ou juste
de votre chemin photo: Il semble que vous stockiez les fichiers d'image localement après la récupération. Donc, pour les fichiers d'image locaux, nous devons utiliser Source = { exiger ('localPath') strong>}. P> Vous devez donc essayer p> <Image source={require('localPath')} />
Je bouconne chaque image du composant parent et transmettez la valeur de l'image à son composant enfant qui est {photo} Les images sont peuplées de manière dynamique, appliquer à la nécessité ("localPath") peut varier mais nécessitent ({photo}) n'accepte pas la photo été passé.
Vous devez mettre le chemin complet de votre emplacement d'image car ce n'est pas sur votre dossier de projet. Dans le donc URL dans votre composant image, c'est quelque chose comme Server_ip peut être comme Yourwebsite.com ou 127.0.0.1:3000 si vous êtes toujours en local. et supprimer le ..
Enregistrez-vous des fichiers localement à ../assets/ dossier? ou c'est une référence à votre répertoire serveur?
Oui Les fichiers sont stockés localement, mais les chemins d'image proviennent de mon dB, ils sont peuplés de manière dynamique.
Comme vous ne pouvez pas utiliser besoin, vous devez expliquer explicitement l'actif, puis référence en conséquence.
Oh, s'il vous plaît un exemple?