如何在 react-native 中将多部分图像文件上传到服务器？

Question

我正在用react-native开发一个应用程序。
我正在从 Android 设备的图像选择器中选择一个图像，并希望在POST请求中将该文件分部分上传到服务器。

Answer 1

您应该创建一个表单数据并将要发送的文件推送到您的 api。

                       const sendableFormData = new FormData();

                        photos.map((element: any, index: number) => {
                            const imageUrl: any = {
                                uri: element.uri,
                                type: element.mime,
                                name: `imageFilename-${index}`,
                            };
                       sendableFormData.append('imageUrls', imageUrl, `imageFilename-${index}`);

axios(
            {
                method: 'post',
                url: `url`,
                data: sendableFormData,
                headers: { 'Content-Type': 'multipart/form-data' },
            },
        );