使用获取调用上传图像并获取网络请求失败

Question

我正在尝试使用下面的获取调用上传图片，但我不断收到以下错误：

Network request failed
at node_modules\whatwg-fetch\dist\fetch.umd.js:535:17 in setTimeout$argument_0
at node_modules\react-native\Libraries\Core\Timers\JSTimers.js:123:14 in _callTimer
at node_modules\react-native\Libraries\Core\Timers\JSTimers.js:379:16 in callTimers
at node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:414:4 in __callFunction
at node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:113:6 in __guard$argument_0
at node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:365:10 in __guard
at node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:112:4 in callFunctionReturnFlushedQueue

当我从 formData 中删除文件时，它工作正常。我已经阅读了这里的所有相关帖子，但对我没有任何用处。我试过使用 axios 上传文件，但由于一些 formdata-axios 与较新的 react-native 版本不兼容，所以这也不起作用。 uri 不是问题，因为我在 android 上测试，而不是在 ios 上测试，您必须删除“file://”。

        const data = new FormData();
        data.append("file", {
                        uri: result.uri,
                        type: "image/jpg",
                        name: "photo.jpg",
        });
        data.append("user", "test");

        res = await fetch("https://modern-zebra-85.loca.lt/api/process", {
          method: "POST",
          headers: {
            Accept: "application/json",
            "Content-Type": "multipart/form-data",
          },
          body: data,
        })
          .then((result) => console.log(result))
          .catch((err) => console.log(err));

Answer 1

解决了它，我使用 localtunnel 能够运行使用 public url 的应用程序并在本地托管服务器（以便我可以访问结果）和可能 localtunnel 不传输文件。我假设是因为一旦我尝试在我的服务器的实时版本上发布一切正常。

使用获取调用上传图像并获取网络请求失败

Uploading image using the fetch call and get Network request failed

form-data

fetch

react-native