上传头像js

const maxSize = 5 * 1024 * 1024; // 5MB
if (file.size > maxSize) {
    alert('文件大小不能超过5MB');
    return;
}

const allowedTypes = ['image/jpeg', 'image/png', 'image/gif'];
if (!allowedTypes.includes(file.type)) {
    alert('只支持JPEG, PNG, GIF格式的图片');
    return;
}

const formData = new FormData();
formData.append('avatar', file);

const xhr = new XMLHttpRequest();
xhr.upload.onprogress = function(event) {
    if (event.lengthComputable) {
        const percentComplete = (event.loaded / event.total) * 100;
        console.log(`上传进度: ${percentComplete.toFixed(2)}%`);
    }
};
xhr.open('POST', '/upload-avatar');
xhr.send(formData);

const express = require('express');
const multer = require('multer');
const { Storage } = require('@google-cloud/storage');

const app = express();
const storage = new Storage();
const bucket = storage.bucket('your-bucket-name');

const upload = multer({ dest: 'uploads/' });

app.post('/upload-avatar', upload.single('avatar'), (req, res) => {
    const file = req.file;
    const blob = bucket.file(file.originalname);
    const blobStream = blob.createWriteStream({
        metadata: {
            contentType: file.mimetype
        }
    });

    blobStream.on('error', (err) => {
        res.status(500).send(err);
    });

    blobStream.on('finish', () => {
        const publicUrl = `https://storage.googleapis.com/${bucket.name}/${blob.name}`;
        res.status(200).send(publicUrl);
    });

    blobStream.end(file.buffer);
});