js 上传时压缩图片大小

// 引入compressor.js库（需要先通过npm安装或CDN引入）
import Compressor from 'compressorjs';

// 假设有一个文件输入元素
const input = document.getElementById('fileInput');

input.addEventListener('change', (e) => {
    const file = e.target.files[0];
    if (!file) return;

    // 创建一个新的Compressor实例
    new Compressor(file, {
        quality: 0.6, // 压缩质量，范围0-1，越小压缩率越高
        success(result) {
            // 压缩成功，result是一个新的Blob对象
            const compressedFile = new File([result], 'compressed.jpg', { type: 'image/jpeg' });
            // 可以将compressedFile上传到服务器
            uploadFile(compressedFile);
        },
        error(e) {
            console.error('压缩失败:', e);
        },
    });
});

// 上传文件的函数（示例）
function uploadFile(file) {
    const formData = new FormData();
    formData.append('file', file);

    fetch('/upload', { // 假设后端有一个/upload接口处理文件上传
        method: 'POST',
        body: formData,
    })
    .then(response => response.json())
    .then(data => {
        console.log('上传成功:', data);
    })
    .catch(error => {
        console.error('上传失败:', error);
    });
}