如何在React js中使用axios将一个或多个文件发送到API？

npm install axios

import axios from 'axios';

const uploadFiles = async (files) => {
  const formData = new FormData();
  Array.from(files).forEach((file, index) => {
    formData.append(`file${index}`, file); // 为每个文件创建一个formData的键值对
  });
  
  try {
    const response = await axios.post('API_ENDPOINT_URL', formData, {
      headers: {
        'Content-Type': 'multipart/form-data' // 设置请求头中的Content-Type
      }
    });
    
    // 在这里可以处理上传成功后的响应
    console.log(response.data);
  } catch (error) {
    // 处理错误情况
    console.error(error);
  }
};

const MyComponent = () => {
  const handleFileChange = (event) => {
    const files = event.target.files;
    uploadFiles(files);
  };
  
  return (
    <div>
      <input type="file" multiple onChange={handleFileChange} />
    </div>
  );
};