React Native fetch API POST file - Network Request Failed

Question

I am trying to do the following:

Select a file on my mobile device in a React Native app using Expo
Send that file to my PHP (Laravel) server using my application API and the fetch API built into React Native

The file is a .config file in XML format. My code is below:

const XHR = new XMLHttpRequest(),
FD  = new FormData();

FD.append('xmldata', this.state.file);
FD.append('meterid', 113);

XHR.addEventListener('load', function(event) {
    console.log('SUCCESS');
});

XHR.addEventListener(' error', function(event) {
    alert('Error');
});

XHR.onreadystatechange = function () {
    console.log(XHR.status);
};

XHR.open('POST', MY_API_URL);

XHR.send(FD);

My code is working on iOS, however I cannot get it working on Android devices. When I run this code on Android it hangs and doesn't give me any response. Does anyone know where I am going wrong here? Thanks in advance.

Curtis Thompson · Accepted Answer · 2020-03-12 11:58:14Z

1

I have managed to solve this by explicitly setting the file type after I select my file. My code to select the file is now the following:

let result = await DocumentPicker.getDocumentAsync({});
result.type = "application/config";

this.setState({
    file: result
});

answered Mar 12, 2020 at 11:58

Curtis Thompson

631 gold badge2 silver badges10 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

React Native fetch API POST file - Network Request Failed

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related