Has anyone been able to use Payload with Expo to upload images?

[ahmetskilinc]

Currently having trouble setting up media uploads with Payload and a Expo/React Native project.

Selecting the image:

const handleChoosePhoto = async () => {
        const = await ImagePicker.launchImageLibraryAsync({
	        mediaTypes: ImagePicker.MediaTypeOptions.Images,
	        allowsMultipleSelection: false,
	        quality: 1,
                base64: true,
        }).then((res) => {
	        console.log(res.assets[0]);
	        setProfileImage(res.assets[0]);
	        setProfileImageUrl(res.assets[0].uri);
        });
};

Uploading the image:

formData.append("alt", `${firstName} ${lastName} profile picture`);
formData.append("file", profileImage.base64);
const imageUrl = `${payload}/media`;
await axios
	.post(
		imageUrl,
		{ file: formData },
		{
			headers: {
				"Content-Type": "multipart/form-data",
				Authorization: token.token,
			},
		}
	)
	.then((res) => {
		console.log(res.data.doc);
	})
	.catch((error) => {
		setLoading(false);
		console.error(error.message);
		return error;
	});

Not sure if base64 is the right thing to upload. But there is no file.

I always get back:

ERROR (payload): MissingFile: No files were uploaded.