react / react/react-native

Upload file "Network request failed" with FormData in 0.85.0

Offen
#56,404 2 Kommentare 2 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Resolution: PR Submitted
Vorherrschende Sprache
C++
Sterne
127k
Forks
25.3k
Ø Merge
1 T. 23 Std.
Gemergte PRs (30 T.)
4

Beschreibung

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

Beitragsleitfaden

Beitragsleitfaden öffnen

Erste Schritte

  1. Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
  3. Forke das Repository und arbeite in einem Branch.
  4. Öffne einen Pull Request, der die Issue-Nummer nennt.

Rechercherichtung

Führe zunächst den obligatorischen Reproducer aus und untersuche den fetch-Aufruf, der auf Android FormData mit Bild-URIs sendet. Verfolge den von dieser Anfrage verwendeten React Native-Netzwerkpfad und vergleiche sein Verhalten mit dem gemeldeten Fehler Network request failed. Als erledigt gilt die Aufgabe, wenn der Reproducer die Bilder unter React Native 0.85.0 erfolgreich hochladen kann.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
android, javascript, react-native
Bereich
mobile, networking
Issue-Typ
Bug
Schwierigkeit
4/5
Geschätzter Aufwand
3-5 Tage
Aktivitätsstatus
Ruhig
Klarheit
Muss geklärt werden
Anfängerfreundlichkeit
35/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.