React Native fetch API POST 文件 - 網絡請求失敗

Question

我正在嘗試執行以下操作：

1. 使用 Expo 在我的移動設備上的 React Native 應用程序中選擇一個文件
2. 使用我的應用程序 API 和 React Native 中內置的 fetch API 將該文件發送到我的 PHP（Laravel）服務器

該文件是 XML 格式的 .config 文件。 我的代碼如下：

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);

我的代碼可在 iOS 上運行，但無法在 Android 設備上運行。 當我在 Android 上運行此代碼時，它掛起並且不給我任何響應。 有誰知道我哪里出錯了？ 提前致謝。

Answer 1

我在選擇文件后通過顯式設置文件類型設法解決了這個問題。 我選擇文件的代碼現在如下：

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

this.setState({
    file: result
});