是否可以在上传到服务器之前更改为图像的字节大小或宽度和高度？

Question

有没有办法改变文件的字节大小？ 例如，下面我正在检查正在上传的文件大小是否大于最大大小（来自后端的变量）。

我在网上看到使用canvas的示例，但我不想使用它。 下面，我的尝试似乎没有奏效。

我是否可以更改图像的尺寸（在if()语句之前），这样 MB 也会自然减少？ （宽度和高度）上传到服务器之前？

我已经尝试了很多方法，但已经用完了选项。

function fileValidationWinnerPhoto() {
    const realFileBtn = document.getElementById("real-file");
    let filePath = realFileBtn.value;
    let maxSize = size * 1000000; // 10MB
    
    realFileBtn.files[0].size = 2097152;

    if(realFileBtn.files[0].size > maxSize) {
        console.log(realFileBtn.files[0].size);

        fileSizeErrorModal.style.display = "block";
        attachEventListenerToFileSizeErrorModal(customButtonFileSize, fileSizeErrorModal)
        realFileBtn.value = '';
        return false;
    } else {
        fileAcceptedFlag = true;
    }
    return filePath;
}

Answer 1

你在用节点吗？ 您可以使用夏普https://www.npmjs.com/package/sharp