feat(demo): prevent page to be reloaded while uploading

CHNB128 · Sep 26, 2021 · 3a272f8 · 3a272f8
1 parent cf8f011
commit 3a272f8
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/demo/index.js b/demo/index.js
@@ -39,8 +39,14 @@ const quill = new Quill('#editor', {
         return node
       },
       onFileUploaded: (node, { url }) => {
+        // Allow page to be closed
+        window.onbeforeunload = () => {};
       },
       upload: file => {
+        // Prevent page to be closed while file in uploading
+        window.onbeforeunload = () => {
+          return "You have attempted to leave this page. Are you sure?";
+        }
         // return a Promise that resolves in a link to the uploaded image
         return new Promise((resolve, reject) => {
           setTimeout(() => {