js代码修改图片大小

function resizeImage(file, maxWidth, maxHeight, callback) {
    const img = new Image();
    img.src = URL.createObjectURL(file);

    img.onload = function() {
        const canvas = document.createElement('canvas');
        let width = img.width;
        let height = img.height;

        if (width > height) {
            if (width > maxWidth) {
                height *= maxWidth / width;
                width = maxWidth;
            }
        } else {
            if (height > maxHeight) {
                width *= maxHeight / height;
                height = maxHeight;
            }
        }

        canvas.width = width;
        canvas.height = height;
        const ctx = canvas.getContext('2d');
        ctx.drawImage(img, 0, 0, width, height);

        canvas.toBlob(function(blob) {
            callback(blob);
        }, file.type);
    };
}

// 使用示例
const input = document.querySelector('input[type="file"]');
input.addEventListener('change', function(event) {
    const file = event.target.files[0];
    resizeImage(file, 800, 600, function(resizedBlob) {
        // 这里可以使用resizedBlob，例如上传到服务器或显示在页面上
        console.log(resizedBlob);
    });
});