将更多图像从react原生应用程序上传到firebase

npm install firebase

import firebase from 'firebase/app';
import 'firebase/storage';

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

firebase.initializeApp(firebaseConfig);

const uploadImage = async (imageFile) => {
  try {
    const storageRef = firebase.storage().ref();
    const imageRef = storageRef.child(`images/${imageFile.name}`);
    await imageRef.put(imageFile);
    const imageUrl = await imageRef.getDownloadURL();
    console.log('Image uploaded successfully:', imageUrl);
    // 在这里可以进行其他操作，比如将图片URL保存到数据库中
  } catch (error) {
    console.error('Error uploading image:', error);
  }
};

import React, { useState } from 'react';

const ImageUploader = () => {
  const [selectedImage, setSelectedImage] = useState(null);

  const handleImageUpload = () => {
    if (selectedImage) {
      uploadImage(selectedImage);
    }
  };

  const handleImageSelect = (event) => {
    const file = event.target.files[0];
    setSelectedImage(file);
  };

  return (
    <div>
      <input type="file" accept="image/*" onChange={handleImageSelect} />
      <button onClick={handleImageUpload}>Upload Image</button>
    </div>
  );
};

export default ImageUploader;