Fix bug where same file could not be reuploaded (#1032)

google · Oct 15, 2024 · 0278d91 · 0278d91
1 parent 9bbb62e
commit 0278d91
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 0 deletions.
diff --git a/mesop/components/uploader/e2e/uploader_app.py b/mesop/components/uploader/e2e/uploader_app.py
@@ -6,6 +6,7 @@
 @me.stateclass
 class State:
   file: me.UploadedFile
+  upload_count: int = 0
 
 
 @me.page(path="/components/uploader/e2e/uploader_app")
@@ -26,6 +27,7 @@ def app():
         me.text(f"File name: {state.file.name}")
         me.text(f"File size: {state.file.size}")
         me.text(f"File type: {state.file.mime_type}")
+        me.text(f"Upload count: {state.upload_count}")
 
       with me.box(style=me.Style(margin=me.Margin.all(10))):
         me.image(src=_convert_contents_data_url(state.file))
@@ -34,6 +36,7 @@ def app():
 def handle_upload(event: me.UploadEvent):
   state = me.state(State)
   state.file = event.file
+  state.upload_count += 1
 
 
 def _convert_contents_data_url(file: me.UploadedFile) -> str:

diff --git a/mesop/components/uploader/e2e/uploader_test.ts b/mesop/components/uploader/e2e/uploader_test.ts
diff --git a/mesop/components/uploader/uploader.ts b/mesop/components/uploader/uploader.ts
@@ -67,6 +67,9 @@ export class UploaderComponent {
     userEvent.setKey(this.key);
     userEvent.setBytesValue(uploadEvent.serializeBinary());
     this.channel.dispatch(userEvent);
+
+    // Reset the uploaded file, so that the same file path can be reselected.
+    target.value = '';
   }
 
   getStyle(): string {