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

Question

Is there a way to change the byte size of the file? For example, below I'm checking to see if the file size that's being uploaded is > than a max size (variable coming from backend).

I've seen examples online that use canvas but I don't want to use that. Below, my attempt doesn't seem to be working.

Is it possible for me to change the image's dimensions (before the if() statement) so that naturally the MB will decrease as well? (width and height) before uploading to the server?

I've tried a lot of ways but have ran out options.

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

Are you using Node? You could use Sharp https://www.npmjs.com/package/sharp