tengo una aplicación en JavaScript donde un usuario puede cargar una imagen y la guardará en una base de datos después de convertirla a una cadena base64, ahora quiero que las imágenes estén comprimidas para que no ocupen tanto espacio en la base de datos. aquí está mi código actual sin compresión.

 this.imgUrl = ""; const imgs = event.target.files; let imgName = imgs[0].name; if (imgName.lastIndexOf(".") <= 0) { //invalid file } else { const fileReader = new FileReader(); fileReader.addEventListener("load", () => { this.imgUrl = fileReader.result; }); fileReader.readAsDataURL(imgs[0]); }

Me gustaría escuchar sus pensamientos. (Usando Vue por cierto) ¡Gracias!