Axios: Axios는 반응 네이티브로 양식 데이터를 보내지 않습니다.

@corujoraphael 호기심에, 이 요청이 더 일찍 작동했나요?

@corujoraphael 귀하의 코드가 있는 그대로 실행되는지 잘 모르겠습니다. 헤더를 지정하는 구성은 객체여야 하지만 중괄호가 없습니다.

(newData) => {
  const data = new FormData();
  data.append('name', 'raphael');
  data.append('file', {
    uri: newData.image.path,
    type: 'image/jpeg',
    name: 'teste'
  });

  return axios.post(
    `${constants.development.URL_API}/file`,
    data, 
    { 
      headers: {
        'Content-Type': 'multipart/form-data',
      }
    },
  )
}

이 문제는 응답을 받지 못했고 우리가 가지고 있는 정보에 따르면 Axios 버그처럼 보이지 않으므로 이 문제를 닫습니다.

코드 디버깅에 대한 추가 지원이 필요하면 Stack Overflow , Gitter 에 게시하거나 이 문제에 대해 다시 댓글을

감사 해요!

@emilyemorehouse , React Native FormData를 사용하여 동일한 문제를 만났습니다.

let s = JSON.stringify({ uri: localUri, name: filename, type: type });
let formData = new FormData();
formData.append('ph0t0', s);

axios.post("http://10.0.1.2:8888/uploadphoto", {
        method: "POST",
        headers: {
                'Content-Type': 'multipart/form-data; charset=utf-8; boundary="another cool boundary";'
        },
        body: formData,
}).then((resp) => {
        console.log(resp);
}).catch(err => {
        console.log(err);
});

MultipartForm, Form 또는 PostForm에 일부 키:값 쌍이 있어야 합니다.

2018/02/20 18:25:31.740 [W] [photo.go:411] req.MultipartForm: nil
2018/02/20 18:25:31.740 [W] [photo.go:412] req.Form: map[]
2018/02/20 18:25:31.740 [W] [photo.go:413] req.
2018/02/20 18:25:31.740 [W] [photo.go:410] 요청: &{POST /uploadphoto/dialog/57120e8951c643ab42a8c19f/0000000000000000000000 =utf-8] User-Agent:[okhttp/3.6.0] Accept:[application/json, text/plain, / ] Content-Length:[419] 연결:[Keep-Alive] Accept-Encoding:[gzip] 쿠키:[lang=zh-TW; PVsessionID=db9a21d63b2d0ea47b68fa8755bd87e2]] 0xc420e3cb80419 [] 거짓 10.0.1.2:8888 지도[] 지도[]지도[] 10.0.1.3:46904 /uploadphoto/dialog/57120e8951c643ab42a8c19f/0000000000000000000000010xc420e3cb40}
2018/02/20 18:25:31.740 [E] [photo.go:425] [UploadPhotos] 오류: 요청 콘텐츠 유형이 multipart/form-data가 아닙니다.

버전 정보
축: 0.16.2
엑스포: 25.0.0
반응: 16.2.0
반응 네이티브: 0.52.0

이 버그는 최신 axios에서 여전히 발생합니다. 왜 이것이 닫혔습니까?

누군가가 재현 가능한 예를 제공할 수 있다면 이 백업을 공개하게 되어 기쁩니다.

@ Ernie6711 코드에 오류가 있는 것 같습니다. 양식 데이터에 추가하기 전에 파일 데이터를 axios.post(url[, data[, config]])

다음은 코드를 기반으로 한 예입니다.

const file ={ uri: localUri, name: filename, type: type};
const formData = new FormData();
formData.append('file', s);

const config = {
        headers: {
                'Content-Type': 'multipart/form-data; charset=utf-8; boundary="another cool boundary";'
        }
};

axios.post("http://10.0.1.2:8888/uploadphoto", formData, config).then((resp) => {
        console.log(resp);
}).catch(err => {
        console.log(err);
});

@emilyemorehouse wireshark 추적을 확인하십시오. 데이터가 업로드되지만 적절한 양식 데이터 인코딩을 사용하지 않습니다. 위의 예는 문제를 재현할 수 있습니다. 다시 - 요청이 성공적으로 전송되었지만 인코딩이 잘못되었습니다.

POST /myserver HTTP/1.1
Content-Type: multipart/form-data

_parts=USERX%2Cusername&_parts=FILE1%2C%5Bobject%20Object%5D

React Native 환경 외부에 있지만 작동하고 올바르게 인코딩된 파일 업로드를 위한 로컬 클라이언트 및 서버 예제가 있습니다. 위의 예는 내가 액세스할 수 없는 변수와 서버에 의존하기 때문에 실제로 재현할 수 없습니다.

업로드에 잘못된 것이 있으면 양식 데이터 개체에 추가된 데이터가 유효하지 않기 때문이라고 생각합니다.

@emilyemorehouse 파일 업로드는 브라우저 환경에서 완벽하게 작동하며 기본 반응에서만 실패합니다. 당신이 자신을 언급했듯이 - 당신의 테스트는 반응 네이티브 환경 외부에 있었고, 나는 거기에서 시작할 것입니다 :)

반응 네이티브에서 간단한 파일 업로드를 시도하고 wireshark 추적을 확인하기만 하면 작동하는 서버가 필요하지 않습니다...

나는 같은 것을 얻었습니다. Axios는 네이티브에 반응하지 않습니다.

@duongtranpyco 프로젝트에서

추신 JSON을 주로 보내는 경우 코드를 수정하십시오. 필자의 경우 서버는 일반적으로 양식을 기대합니다.

const request = async ({url, method = 'GET', params, body, responseType = 'json', headers = {}})=>{
    const escape = (data, encode = encodeURIComponent)=>Object.keys(data||{}).reduce((pairs, key)=>{
        for (let value of [].concat(data[key]))
            pairs.push([`${key}`, `${value}`]);
        return pairs;
    }, []).map(pair=>pair.map(encode).join('=')).join('&');

    if (Object.keys(params||{}).length)
        url += '?'+escape(params);
    if (method=='POST' && typeof body=='object')
    {
        if (body instanceof FormData)
            headers['Content-Type'] = 'multipart/form-data';
        else
        {
            body = escape(body);
            headers['Content-Type'] = 'application/x-www-form-urlencoded';
        }
    }
    let {statusCode, request: req} = await new Promise((resolve, reject)=>{
        let xhr = new XMLHttpRequest();
        xhr.open(method, url, true);
        xhr.withCredentials = true;
        xhr.responseType = {json: 'text'}[responseType]||responseType;
        xhr.onload = ()=>resolve({statusCode: xhr.status, request: xhr});
        xhr.onerror = ()=>reject(new TypeError('Network request failed'));
        xhr.ontimeout = ()=>reject(new TypeError('Network request timed out'));
        for (let key in headers)
            xhr.setRequestHeader(key, headers[key]);
        xhr.send(body||null);
    });
    if (statusCode<200 || statusCode>=400)
        throw new Error(`network request failed with ${statusCode}: ${url}`);
    switch(responseType)
    {
        case 'json':
            return JSON.parse(req.responseText);
        case 'text':
            return req.responseText;
        case 'request':
            return req;
    }
    return req.response;
};

request.get = (url, opt = {})=>request({...opt, url, body: null});
request.post = (url, ...args)=>request({...args[1]||{}, url, method: 'POST', body: args[0]});

안녕하세요, 나는 같은 문제에 직면하고 있습니다. 아무도 해결책을 찾았습니까?

두 번째 @giladno. 다른 부분을 진행할 것이므로 대신 해결 방법을 사용합니다. 이미지를 업로드할 때 fetch()를 사용하여 특정 함수를 작성합니다.

이전에 시도했지만 데이터 또는 인수를 문자열화하지 않아도 결과에 영향을 주지 않습니다. 서버가 호출을 받았지만 데이터가 전송되지 않았습니다.

@ Ernie6711 분명히 헤더가 손상되어 서버가 양식 데이터를 수락할 수 없는 이유입니다. fetch()로 해결 방법을 구현했는데 문제 없이 작동했습니다.

반응 네이티브에서 약간의 문제가 있었습니다.
문제는 헤더가 아닙니다.
웹에서 예를 들면 다음과 같습니다.

let formData = new FormData()
formData.append('key', true // bool value)

그러나 반응 네이티브에서 키의 값은 문자열이어야 합니다.

formData.append('key', 'true')

@giladno가 언급한 것처럼 URL에 게시할 때 네이티브 반응에 대해 동일한 문제가 있습니다. 반응 네이티브에서 테스트해야 하며 사람들이 @emilyemorehouse를 보고한다는 오류를 확인할 수 있습니다. 14일 전에 오류를 보고했습니다. https://github.com/axios/axios/issues/1618 하지만 아무도 응답하지 않았습니다. 라이브러리의 readme에 반응 네이티브에서 axios를 지원하지 않는다고 설명하십시오. 많은 개발자들은 시간을 낭비하지 않습니다..!

여러분, 방향은 고맙게 생각하지만 "React Native에서 파일 업로드를 테스트하는 것"은 그렇게 쉬운 일이 아닙니다. 나는 React Native에서 자주 일하지 않으며 테스트할 파일 업로드로 프로젝트를 시작하는 데 상당한 시간이 걸립니다.

React Native에서 작동하는 양식 데이터가 있는 간단한 POST가 있습니다.

    const formData = new FormData();
    formData.append("data", true);

    const config = {
      headers: {
        "Content-Type": "multipart/form-data; charset=utf-8;"
      }
    };

    axios.post(URL, formData, config).then(
      response => {
        console.log({ response });
      },
      error => {
        console.log({ error });
      }
    );

true 는 서버로 보낼 때 문자열화되는데, 흥미롭습니다.

즉, 누구든지 내가 쉽게 스핀업할 수 있는 예제를 제공할 수 있다면 더 자세히 살펴보고 싶습니다.

@corujoraphael 어떻게 해결하셨나요?

추가하기 직전에 "Image.type='image/png" 와 같은 이미지 개체 내부에 유형을 추가하고 콘텐츠 유형을 "Content-Type":"multipart/form-data" .

        image.type='image/png'
        formData.append("resource", image);
        return axios
          .post('yourBAckendUrl', formData, {
            headers: {
              Authorization: "yourTokenHere",
              "Content-Type": "multipart/form-data"
            }
          })

이것이 누군가를 돕기를 바랍니다.

이 작업도 수행할 수 없었습니다. multipart/form-data를 S3(비디오)에 PUT하려고 합니다. 유형 옵션을 사용해도 도움이 되지 않았습니다. multipart/form-data 헤더가 PUT 요청에 없는 것 같습니다.

      const data = new FormData();
      data.append('video', {
          uri: 'file:///<path_to_video_on_iphone.mov',
          type: 'video/quicktime',
          name: 'video.mov',
      });
      response = yield call(() => {
        return api.put(url, data, {
          headers: {
              'Content-Type': 'multipart/form-data',
          },
          transformRequest: [
            (data, headers) => {
                delete headers.common.Authorization;
                return data;
            }
          ]
        });
      });

이 경우 fetch를 사용하십시오 :D

var data = new FormData();  
data.append('my_photo', {  
  uri: filePath, // your file path string
  name: 'my_photo.jpg',
  type: 'image/jpg'
}

fetch(path, {  
  headers: {
    'Accept': 'application/json',
    'Content-Type': 'multipart/form-data'
  },
  method: 'POST',
  body: data
});

axios 버전 0.18.0 에서 동일한 문제가 있습니다.
axios는 FormData 바디를 생성할 때 post, put 등에 바디가 없으면 내부적으로 Content-Type 헤더를 제거합니다.
이것은 내 코드입니다:

const sendFormData = images => {
   // images is an array of base64 images (strings)
    const formData = new FormData();
    images.forEach((img, i) => {
        formData.append('file', img);
        formData.append('name', `${type}-${i + 1}`);
    });

    config.headers = {
        .'Content-Type': 'multipart/form-data'
     };

     return axios.post(`http://someurl.com/api/upload-images`, formData, config)
            .then(response => {
               // handle success
            })
            .catch(err => {
                // handle err
     });
}

리액트 네이티브 버전 0.55.3
이 예제 코드는 작동하지 않습니다. 요청 본문이 비어 있고 Content-Type 헤더가 제거되었습니다.

동일한 문제가 있고 디버그를 확인할 때 내 몸은 문자열입니다.

그리고 여기 내 코드

        const formData = new FormData();
        formData.append('photo', {
          uri: response.uri.replace('file://', ''),
          mineType: 'image/jpeg',
          fileType: 'image/jpg',
          type: 'image/jpg',
          name: 'test.jpg'
        });

        console.log('form data', formData);

         Axios({
           method: 'post',
           url: 'https://dev-host.luxstay.net/api/rooms/10740/photos',
           data: formData,
           headers: {
             Authorization: token,
             'Content-Type': 'multipart/form-data'
           }
         });

업데이트 : 앱이 디버그 모드에 있었기 때문에 오류가 발생했습니다. 디버그 모드를 끄면 작동했습니다.

axios에는 xhr 어댑터에 코드가 있습니다.
if (utils.isFormData(requestData)) { delete requestHeaders['Content-Type']; // Let the browser set it }
나는 반응 네이티브에서 코드에서 설정하더라도 다중 부분 양식 데이터를 보내는 경우 콘텐츠 유형 헤더를 삭제한다고 생각합니다.
그러나 줄을 주석 처리하면 반응 네이티브에서 문제가 해결될지 확신이 서지 않습니다.

axios 버전 0.18.0 에서 동일한 문제가 있습니다.
axios는 FormData 바디를 생성할 때 post, put 등에 바디가 없으면 내부적으로 Content-Type 헤더를 제거합니다.
이것은 내 코드입니다:

const sendFormData = images => {
   // images is an array of base64 images (strings)
    const formData = new FormData();
    images.forEach((img, i) => {
        formData.append('file', img);
        formData.append('name', `${type}-${i + 1}`);
    });

    config.headers = {
        .'Content-Type': 'multipart/form-data'
     };

     return axios.post(`http://someurl.com/api/upload-images`, formData, config)
            .then(response => {
               // handle success
            })
            .catch(err => {
                // handle err
     });
}

리액트 네이티브 버전 0.55.3
이 예제 코드는 작동하지 않습니다. 요청 본문이 비어 있고 Content-Type 헤더가 제거되었습니다.

그럼 어떤 모습이어야 할까요? 개체 개체도 있습니다.

@tkserver 객체가 있고 toString()할 때와 같습니다.

const a = {
  name: 'dasdasd'
}
console.log(a.toString());

@tkserver 객체가 있고 toString()할 때와 같습니다.

const a = {
  name: 'dasdasd'
}
console.log(a.toString());

아마도 나는 명확하지 않았습니다. 헤더를 볼 때 요청 페이로드에 [객체 개체]가 표시되어야 합니까?

@tkserver 디버거에 네트워크 검사가 활성화되어 있으면 반응 네이티브의 FormData를 재정의하고 네트워크 검사에서 [객체 객체]처럼 보이는 빈 FormData 객체를 전달합니다.
네트워크 검사를 끄고 요청을 해보세요. 도움이 되길 바랍니다.

Aman725, minhphung210 등 모두에게 감사드립니다. 실제 기기에서 코드를 사용하면 업로드가 제대로 작동합니다. 이것은 iOS 시뮬레이터와 관련이 있는 것 같습니다.

이 문제가 있었지만 지금은 해결되었습니다.

그 이유는 네트워크 요청을 디버깅하고 있었기 때문입니다. 내 앱의 진입점에 다음 코드 줄이 있습니다.

GLOBAL.XMLHttpRequest = GLOBAL.originalXMLHttpRequest || GLOBAL.XMLHttpRequest;

나는 그것을 댓글로 달았고 지금 작동합니다.

// IMPORTANT: this will cause FormData requests to fail.
// GLOBAL.XMLHttpRequest = GLOBAL.originalXMLHttpRequest || GLOBAL.XMLHttpRequest;

방금 찾았습니다: https://stackoverflow.com/a/47630754/387912 , 도움이 되나요?

XMLHttpRequest

요청이 다자간으로 올바르게 업로드되도록 어떻게 작성했는지 알려주실 수 있습니까? 네트워크 오류가 계속 발생합니다.

Error: Network Error
    at createError (blob:http://localhost:8081/0754d453-361d-48d1-aaa5-9ff1ad808293:168963:17)
    at XMLHttpRequest.handleError (blob:http://localhost:8081/0754d453-361d-48d1-aaa5-9ff1ad808293:168871:16)
    at XMLHttpRequest.dispatchEvent (blob:http://localhost:8081/0754d453-361d-48d1-aaa5-9ff1ad808293:28708:27)
    at XMLHttpRequest.setReadyState (blob:http://localhost:8081/0754d453-361d-48d1-aaa5-9ff1ad808293:28461:20)
    at XMLHttpRequest.__didCompleteResponse (blob:http://localhost:8081/0754d453-361d-48d1-aaa5-9ff1ad808293:28288:16)
    at blob:http://localhost:8081/0754d453-361d-48d1-aaa5-9ff1ad808293:28398:47
    at RCTDeviceEventEmitter.emit (blob:http://localhost:8081/0754d453-361d-48d1-aaa5-9ff1ad808293:3291:37)
    at MessageQueue.__callFunction (blob:http://localhost:8081/0754d453-361d-48d1-aaa5-9ff1ad808293:2588:44)
    at blob:http://localhost:8081/0754d453-361d-48d1-aaa5-9ff1ad808293:2345:17
    at MessageQueue.__guard (blob:http://localhost:8081/0754d453-361d-48d1-aaa5-9ff1ad808293:2542:13)

업데이트: 지금 작동하도록 관리하십시오. 현재 사용 중:

formData.append('picture', {
          uri: data.uri,
          name: fname,
          type: 'image/' + ext

        });

사람들이 여전히 이 문제를 겪고 있고 귀하는
GLOBAL.XMLHttpRequest = GLOBAL.originalXMLHttpRequest || GLOBAL.XMLHttpRequest;
네트워크 요청을 디버그하기 위한 스니펫, 추가 시도
GLOBAL.FormData = GLOBAL.originalFormData || GLOBAL.FormData
그것은 나를 위해 일했습니다.

추가하기 직전에 "Image.type='image/png" 와 같은 이미지 개체 내부에 유형을 추가하고 콘텐츠 유형을 "Content-Type":"multipart/form-data" .

        image.type='image/png'
        formData.append("resource", image);
        return axios
          .post('yourBAckendUrl', formData, {
            headers: {
              Authorization: "yourTokenHere",
              "Content-Type": "multipart/form-data"
            }
          })

이것이 누군가를 돕기를 바랍니다.

당신의 도움을 주셔서 감사합니다! iOS Simunator로 내 사진을 업로드할 수 있었지만 Android Simunator로는 업로드할 수 없었습니다.

이미지 유형을 'image/jpeg'로 설정한 후 네트워크 오류가 발생하지 않았습니다.

const formData = new FormData();
formData.append('file', {
  uri: pictureUri,
  type: 'image/jpeg',
  name: 'profile-picture'
})

추가하기 직전에 "Image.type='image/png" 와 같은 이미지 개체 내부에 유형을 추가하고 콘텐츠 유형을 "Content-Type":"multipart/form-data" .

        image.type='image/png'
        formData.append("resource", image);
        return axios
          .post('yourBAckendUrl', formData, {
            headers: {
              Authorization: "yourTokenHere",
              "Content-Type": "multipart/form-data"
            }
          })

이것이 누군가를 돕기를 바랍니다.

당신의 도움을 주셔서 감사합니다! iOS Simunator로 내 사진을 업로드할 수 있었지만 Android Simunator로는 업로드할 수 없었습니다.

이미지 유형을 'image/jpeg'로 설정한 후 네트워크 오류가 발생하지 않았습니다.

const formData = new FormData();
formData.append('file', {
  uri: pictureUri,
  type: 'image/jpeg',
  name: 'profile-picture'
})

이것이 도움이 될 수 있는 모든 사람에게 전송될 콘텐츠 유형을 모르는 경우 multipart/form-data . 지금 이것을 읽는 것이 당연하게 들리지만 미디어가 작동하도록 하는 데 좋은 시간이 걸렸습니다.

    data.append("image", {
      name: "some_name", // also, won't work without this. A name is required
      height: image.height,
      width: image.width,
      type: "multipart/form-data", // <-- this part here
      uri:
        Platform.OS === "android" ? image.uri : image.uri.replace("file:/", "")
    });

안녕하세요, Vue.Js에서 Axios 업로드 파일을 작성하려고 합니다. 누구든지 문제를 검토하고 설명할 수 있습니까?

HTML에서
<input type="file" id="file" ref="file" multiple @change="assignFiles"/>

Js에서

` assignFiles(e){

      let uploadedFiles = this.$refs.file.files;
      for( var i = 0; i < uploadedFiles.length; i++ ) { 
        this.form.AttachmentDocs.push(uploadedFiles[i]);           
      }
      console.log(this.form.AttachmentDocs);
 },`

따라서 게시물을 트리거하는 동안 양식 데이터를 추가합니다.

`procedSave(e) {

      e.preventDefault();
      this.$v.$touch();
      if(this.$v.$invalid) {
        return;
      }
    this.showLoading(this.loaderId,true);
      this.postDatas.append('form',JSON.stringify(this.form));
      for( var i = 0; i < this.form.AttachmentDocs.length; i++ ){ 
        let attachment = this.form.AttachmentDocs[i];
        this.postDatas.append('files['+i+']',attachment,attachment.name);           
      }

}`

그래서 게시물에서 콘솔 창 헤더를 확인했습니다.

파일[0]: (바이너리)
파일[1]: (바이너리)
파일[2]: (바이너리)
파일[3]: (바이너리)

내 서버 측에서 파일을 가져옵니다.

와 관련이 있을 수 있습니다

this.postDatas.append('files['+i+']',attachment,attachment.name);  

files['+' + i + '+'] 시도

가져오기 API와 동일한 문제가 있습니다. req.body는 노드 js에서 비어 있습니다. 'express-formidable'을 사용하여 문제를 해결했습니다. https://www.npmjs.com/package/express-formidable

와 관련이 있을 수 있습니다

this.postDatas.append('files['+i+']',attachment,attachment.name);  

files['+' + i + '+'] 시도

Sry + 는 연결을 나타내고 wat 는 문자열 '+' 의 사용을 나타냅니다. 결과는 파일[+0+]이 됩니다.

가져오기 API와 동일한 문제가 있습니다. req.body는 노드 js에서 비어 있습니다. 'express-formidable'을 사용하여 문제를 해결했습니다. https://www.npmjs.com/package/express-formidable

app.use(express.json({ extended: false })); 를 포함했습니까?

와 관련이 있을 수 있습니다

this.postDatas.append('files['+i+']',attachment,attachment.name);  

files['+' + i + '+'] 시도

Sry + 는 연결을 나타내고 wat 는 문자열 '+' 의 사용을 나타냅니다. 결과는 파일[+0+]이 됩니다.

현재 코드는 항상 for 루프에서 files[+i+] 됩니다. 절대 files[+0+], files[+1+], files[+2+], etc 가 되지 않습니다.

또한 files[+0+] 는 절대 존재하지 않습니다. 당신이 무엇을하려고하는지 확실하지 않습니다. files[0], files[1], files[2]... 하십니까? 객체를 만들려고 한다면 files['+0+'] 가질 수 있지만, 다시 말하지만, 무엇을 성취하려는지 잘 모르겠습니다.

가져오기 API와 동일한 문제가 있습니다. req.body는 노드 js에서 비어 있습니다. 'express-formidable'을 사용하여 문제를 해결했습니다. https://www.npmjs.com/package/express-formidable

app.use(express.json({ extended: false })); 를 포함했습니까?
아니요. 그러나 강력한 한 가지 문제가 있습니다. 업로드된 사진은 필드를 요청하려고 합니다. 요청 파일에 아무것도 없습니다. 왜 이런 일이 일어나고 있는지 확실하지 않습니다.

@duongtranpyco 프로젝트에서

추신 JSON을 주로 보내는 경우 코드를 수정하십시오. 필자의 경우 서버는 일반적으로 양식을 기대합니다.

const request = async ({url, method = 'GET', params, body, responseType = 'json', headers = {}})=>{
    const escape = (data, encode = encodeURIComponent)=>Object.keys(data||{}).reduce((pairs, key)=>{
        for (let value of [].concat(data[key]))
            pairs.push([`${key}`, `${value}`]);
        return pairs;
    }, []).map(pair=>pair.map(encode).join('=')).join('&');

    if (Object.keys(params||{}).length)
        url += '?'+escape(params);
    if (method=='POST' && typeof body=='object')
    {
        if (body instanceof FormData)
            headers['Content-Type'] = 'multipart/form-data';
        else
        {
            body = escape(body);
            headers['Content-Type'] = 'application/x-www-form-urlencoded';
        }
    }
    let {statusCode, request: req} = await new Promise((resolve, reject)=>{
        let xhr = new XMLHttpRequest();
        xhr.open(method, url, true);
        xhr.withCredentials = true;
        xhr.responseType = {json: 'text'}[responseType]||responseType;
        xhr.onload = ()=>resolve({statusCode: xhr.status, request: xhr});
        xhr.onerror = ()=>reject(new TypeError('Network request failed'));
        xhr.ontimeout = ()=>reject(new TypeError('Network request timed out'));
        for (let key in headers)
            xhr.setRequestHeader(key, headers[key]);
        xhr.send(body||null);
    });
    if (statusCode<200 || statusCode>=400)
        throw new Error(`network request failed with ${statusCode}: ${url}`);
    switch(responseType)
    {
        case 'json':
            return JSON.parse(req.responseText);
        case 'text':
            return req.responseText;
        case 'request':
            return req;
    }
    return req.response;
};

request.get = (url, opt = {})=>request({...opt, url, body: null});
request.post = (url, ...args)=>request({...args[1]||{}, url, method: 'POST', body: args[0]});

내 프로젝트에서 이 코드를 사용하고 있습니다. 이 코드를 이해하려고 합니다. 한 가지 질문은 이 줄이 필요합니까?
([].concat(data[key])의 값을 보자)? 간단하게 쓸 수 있는데,
pair.push([ ${key} , ${data[key]} ]);

사람들이 여전히 이 문제를 겪고 있고 귀하는
GLOBAL.XMLHttpRequest = GLOBAL.originalXMLHttpRequest || GLOBAL.XMLHttpRequest;
네트워크 요청을 디버그하기 위한 스니펫, 추가 시도
GLOBAL.FormData = GLOBAL.originalFormData || GLOBAL.FormData
그것은 나를 위해 일했습니다.

곳은?

나도 문제가 있었다. Android의 파일 경로로 인해 발생합니다.
const 경로 = utils.isAndroid() ?
그리고 다음과 같이 구현하면 잘 작동합니다.

    const formData = new FormData();
    const path = utils.isAndroid() ? `file://${filePath}` : filePath;
    formData.append('Voice', {
      uri: path,
      name: 'test',
      type: 'audio/wav',
    });

    formData.append('Content-Type', 'audio/wav');
     const headers =  {
        'Content-Type': 'multipart/form-data',
      };
    return this._sendRequest(url, 'POST', formData, headers);

 data.append('file', {
    uri: newData.image.path,
    type: 'image/jpeg',
    name: 'teste'

name:'teste.jpeg' 와 같은 이름을 사용하면 작동합니다. 파일에 형식을 지정해야 합니다. 그렇지 않으면 작동하지 않습니다.
'example.jpeg'라는 이름으로 수정했습니다.

며칠 동안 axios로 비디오를 업로드하려고 시도하다가 그냥 포기했습니다. RNFetchBlob은 특히 Android에서 파일을 업로드하는 데 더 나은 옵션입니다. 이 섹션은 구현하기 쉽습니다.

rn-페치-블롭