限制el-upload组件的上传文件大小

2023-12-26 18:18:05

限制el-upload组件的上传文件大小

<el-upload :before-upload="handleBeforeUpload">
  <!-- 其他组件内容 -->
</el-upload>

Vue实例中定义handleBeforeUpload方法来进行文件大小的验证。你可以使用file.size属性来获取文件的大小，并与你期望的大小进行比较。如果文件大小超过了你的限制，你可以返回false来阻止文件上传，或者返回一个带有错误信息的字符串，以便在界面上显示错误信息。

 handleBeforeUpload(file) {
    const maxSize = 10 * 1024 * 1024; // 10MB，根据你的需求设置最大文件大小
    if (file.size > maxSize) {
      return `文件大小超过了${maxSize / (1024 * 1024)}MB的限制`;
    }
    // 其他验证或处理逻辑
  }


文章来源:https://blog.csdn.net/m0_59642018/article/details/135225474
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。