fix(image): allow re-uploading same image file

kolkov · kolkov · commit 7d21718466ae · 2025-11-22T04:08:42.000+03:00
Fixes #543, #568, #503 When using base64 image upload (no uploadUrl), the file input value was not reset after upload, preventing the same image from being re-uploaded without first uploading a different image. Changes: - Reset event.target.value after FileReader completes - Matches existing behavior in watchUploadImage for URL uploads - Users can now delete and re-upload the same image immediately Regression from issue #38 fix that was accidentally removed.
diff --git a/projects/angular-editor/src/lib/ae-toolbar/ae-toolbar.component.ts b/projects/angular-editor/src/lib/ae-toolbar/ae-toolbar.component.ts
@@ -334,6 +334,8 @@ export class AeToolbarComponent {
         reader.onload = (e: ProgressEvent) => {
           const fr = e.currentTarget as FileReader;
           this.editorService.insertImage(fr.result.toString());
+          // Reset input value to allow re-uploading the same file
+          event.target.value = null;
         };
         reader.readAsDataURL(file);
       }

Original file line number	Diff line number	Diff line change
`@@ -334,6 +334,8 @@ export class AeToolbarComponent {`
`334`	`334`	`reader.onload = (e: ProgressEvent) => {`
`335`	`335`	`const fr = e.currentTarget as FileReader;`
`336`	`336`	`this.editorService.insertImage(fr.result.toString());`
	`337`	`+ // Reset input value to allow re-uploading the same file`
	`338`	`+ event.target.value = null;`
`337`	`339`	`};`
`338`	`340`	`reader.readAsDataURL(file);`
`339`	`341`	`}`