this.$message提示内容添加换行

文件上传验证：格式和大小限制,

最新推荐文章于 2025-05-13 17:04:16 发布

原创最新推荐文章于 2025-05-13 17:04:16 发布 · 1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #elementui

这段代码展示了如何在前端处理用户上传文件，限制了文件类型（如doc,docx,xlsx等）和单个文件的最大大小（20MB），并用警告消息通知用户已过滤掉无效文件。

0 效果

在这里插入图片描述

1 代码

let msgArr = ['只允许上传doc/docx/xls/xlsx/pdf/png/jpg/bmp/ppt/pptx/rar/zip格式文件','且单个文件大小不能超过20MB','已过滤无效的文件']
let msg = msgArr.join('<br/>')
this.$message({
  dangerouslyUseHTMLString: true,
  message: msg,
  type: 'warning'
})