Add file size too large error for file uploads

ucfopen · Apr 26, 2024 · 788731b · 788731b
1 parent a6f101c
commit 788731b
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/assets/js/Components/FilesModal.js b/assets/js/Components/FilesModal.js
@@ -249,6 +249,13 @@ class FilesModal extends React.Component {
       return
     }
 
+    if(file.size > 1024 * 1024 * 10) {
+      this.addMessage({severity: 'error', message: this.props.t('msg.file.replace.file_size'), timeout: 5000})
+      this.setState({ replaceFileObj: null })
+      this.forceUpdate()
+      return
+    }
+
     this.setState({ replaceFileObj: file })
   }
 

diff --git a/translations/en.json b/translations/en.json
@@ -133,6 +133,7 @@
   "msg.sync.started": "Course scan started.",
   "msg.sync.failed": "Course scan failed. Course is missing.",
   "msg.file.replace.file_type": "File type not accepted. Please input a file with the correct filetype.",
+  "msg.file.replace.file_size": "File size too large. Please input a file with a size less than 10MB",
   "msg.sync.completed": "Course scan completed.",
   "msg.sync.course_inactive": "Course scan failed. Course is inactive.",
 
@@ -384,4 +385,4 @@
 
   "rule.label.SearchKeyWord": "Keyword found",
   "rule.desc.SearchKeyWord": "The keyword has been found"
-}
+}