Upload file "Network request failed" with FormData in 0.85.0
Personne n'a encore pris cette issue.
- Langage dominant
- C++
- Étoiles
- 127k
- Forks
- 25.3k
- Merge moyen
- 1 j 23 h
- PR mergées (30 j)
- 4
Description
Description
Hello, I currently do this in version 0.85.0 and I get the error Network request failed.
The image are
{
name: 'IMG-20251203-WA0008.jpg',
type: 'image/jpeg',
uri: 'content://...' or 'file://...
}
const formData = new FormData();
formData.append('content', data.content);
data.images.forEach((e, i) => formData.append('images', e));
const response = await fetch('url', {
method: 'POST',
body: formData,
});
Steps to reproduce
const formData = new FormData();
formData.append('content', data.content);
data.images.forEach((e, i) => formData.append('images', e));
const response = await fetch('url', {
method: 'POST',
body: formData,
});
React Native Version
0.85.0
Affected Platforms
Runtime - Android
Output of npx @react-native-community/cli info
System:
OS: Linux 6.12 Debian GNU/Linux 13 (trixie) 13 (trixie)
CPU: (4) x64 Intel(R) Core(TM) i3-3217U CPU @ 1.80GHz
Memory: 2.34 GB / 7.63 GB
Shell:
version: 5.2.37
path: /bin/bash
Binaries:
Node:
version: 24.12.0
path: /usr/local/bin/node
Yarn: Not Found
npm:
version: 11.11.1
path: /usr/local/bin/npm
Watchman: Not Found
SDKs:
Android SDK:
API Levels:
- "34"
- "35"
- "36"
Build Tools:
- 33.0.0
- 34.0.0
- 35.0.0
- 36.0.0
Android NDK: Not Found
IDEs:
Android Studio: Not Found
Languages:
Java:
version: 17.0.17
path: /usr/bin/javac
Ruby: Not Found
npmPackages:
"@react-native-community/cli":
installed: 20.1.3
wanted: 20.1.3
react:
installed: 19.2.3
wanted: 19.2.3
react-native:
installed: 0.85.0
wanted: 0.85.0
npmGlobalPackages:
"*react-native*": Not Found
Android:
hermesEnabled: true
newArchEnabled: true
iOS:
hermesEnabled: Not found
newArchEnabled: Not found
Stacktrace or Logs
TypeError: Network request failed
at anonymous (fetch.umd.js:567:31)
MANDATORY Reproducer
https://github.com/AlexCernik/rn-formdata-reproducer
Screenshots and Videos
No response
Guide de contribution
Ouvrir le guide de contribution
Par où commencer
- Lisez l'issue en entier, puis le guide de contribution du projet.
- Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
- Forkez le dépôt et travaillez sur une branche.
- Ouvrez une pull request qui référence le numéro de l'issue.
Piste de recherche
Commencez par exécuter le reproducer obligatoire et inspectez l’appel fetch qui envoie un FormData contenant des URI d’images sur Android. Suivez le chemin réseau de React Native utilisé par cette requête et comparez son comportement avec l’erreur signalée Network request failed. Le travail est terminé lorsque le reproducer peut téléverser les images avec succès sur React Native 0.85.0.
Rédigé par le modèle d'indexation à partir du texte de l'issue.
Évaluation
- Stack technique
- android, javascript, react-native
- Domaine
- mobile, networking
- Type d'issue
- Bug
- Difficulté
- 4/5
- Temps estimé
- 3-5 jours
- Activité
- Calme
- Clarté
- À clarifier
- Accessibilité débutants
- 35/100