使用express后端将图像保存在React SPA的S3中

npm install aws-sdk

const AWS = require('aws-sdk');
const s3 = new AWS.S3({
  accessKeyId: 'YOUR_ACCESS_KEY_ID',
  secretAccessKey: 'YOUR_SECRET_ACCESS_KEY',
  region: 'YOUR_REGION'
});

const express = require('express');
const router = express.Router();

router.post('/uploadImage', async (req, res) => {
  try {
    const file = req.file; // 图像文件对象
    const uploadParams = {
      Bucket: 'YOUR_BUCKET_NAME', // 你的S3存储桶名称
      Key: file.originalname, // 图像在S3中的名称
      Body: file.buffer // 图像文件的Buffer数据
    };

    const uploadedData = await s3.upload(uploadParams).promise();
    res.status(200).send(uploadedData.Location); // 返回上传后的图像在S3中的访问URL
  } catch (error) {
    console.error(error);
    res.status(500).send('图像上传失败');
  }
});

module.exports = router;

import axios from 'axios';

const uploadImage = async (file) => {
  try {
    const formData = new FormData();
    formData.append('file', file);

    const response = await axios.post('/api/uploadImage', formData, {
      headers: {
        'Content-Type': 'multipart/form-data'
      }
    });

    console.log('上传成功，图像URL:', response.data);
  } catch (error) {
    console.error(error);
    // 处理上传失败的情况
  }
}