如何在expo react native中将图像上传到firebase

npm install firebase

import * as firebase from 'firebase';

const firebaseConfig = {
  // 将你的 Firebase 项目配置信息填写在这里
};

firebase.initializeApp(firebaseConfig);

export default firebase;

import React, { useState } from 'react';
import { Button, Image, View } from 'react-native';
import * as ImagePicker from 'expo-image-picker';
import firebase from './firebase';

export default function ImageUpload() {
  const [image, setImage] = useState(null);

  const pickImage = async () => {
    let result = await ImagePicker.launchImageLibraryAsync({
      mediaTypes: ImagePicker.MediaTypeOptions.Images,
      allowsEditing: true,
      aspect: [4, 3],
      quality: 1,
    });

    if (!result.cancelled) {
      setImage(result.uri);
    }
  };

  const uploadImage = async () => {
    const response = await fetch(image);
    const blob = await response.blob();

    const ref = firebase.storage().ref().child('images/' + Date.now());
    const snapshot = await ref.put(blob);

    // 获取上传后的图像 URL
    const downloadURL = await snapshot.ref.getDownloadURL();
    console.log('Download URL:', downloadURL);
  };

  return (
    <View>
      <Button title="选择图像" onPress={pickImage} />
      {image && <Image source={{ uri: image }} style={{ width: 200, height: 200 }} />}
      {image && <Button title="上传图像" onPress={uploadImage} />}
    </View>
  );
}