diff --git a/src/views/message/inner/panel/PanelFooter.vue b/src/views/message/inner/panel/PanelFooter.vue
index adf33fe..3940b06 100644
--- a/src/views/message/inner/panel/PanelFooter.vue
+++ b/src/views/message/inner/panel/PanelFooter.vue
@@ -164,9 +164,18 @@ const onSendVideoEvent = async ({ data }) => {
 const onSendCodeEvent = ({ data, callBack }) => {
   onSendMessage({ type: 'code', code: data.code, lang: data.lang }, callBack)
 }
-
 // 发送文件消息
 const onSendFileEvent = ({ data }) => {
+  const fn = (e) => {
+    const confirmationMessage = '文件上传中请勿离开';
+    e.returnValue = confirmationMessage; // 兼容旧版本浏览器
+    return confirmationMessage; // 现代浏览器
+  }
+  window.addEventListener('beforeunload', fn);
+
+  if (data.size / (1024 * 1024) > 100) {
+    return window['$message'].warning('只能上传100MB以内的文件!')
+  }
   const clientUploadId = `file-${Date.now()}-${Math.floor(Math.random() * 1000)}`
   const tempMessage = {
     msg_id: clientUploadId,
@@ -205,6 +214,7 @@ const onSendFileEvent = ({ data }) => {
     async () => {
       // 上传完成后，上传任务已经被removeUploadTask方法移除
       // 不需要再次从records中删除
+      window.removeEventListener('beforeunload', fn);
     }
   )
 }