Tengo una aplicación Vue que necesita cargar imágenes en un servidor como FormData. Como descubrí que si la imagen es demasiado grande, Javascipt gira accidentalmente la imagen 90 °. no lo entiendo No hay comando para realizar cambios en la imagen. Este es el código:

 uploadFiles(files) { this.validateUploadFiles(files); if( this.uploadErrors?.length ) return; this.loading = true; const timestamp = Date.now(); files.forEach( (file, index) => { const fileReader = new FileReader(); fileReader.readAsDataURL(file); fileReader.onload = () => { const image = new Image(); image.src = fileReader.result; image.onload = async () => { const formData = new FormData(); formData.append("file", file); formData.append("index", index); formData.append("timestamp", timestamp); // This is cause we need to delete prev old remaining files. try { const result = await this.$api.media.uploadCampaignPdfExportMedia( this.campaignId, formData ); this.uploadSuccess.push(result.data.fileName); } catch ( error ) { console.log(error); this.uploadErrors.push( this.$t("campaign.upload.error.upload_failed", {name: file.name}) ); } }; }; }); this.loading = false; },

No entiendo lo que pasó allí. ¿Alguien puede decirme por favor qué está pasando?