ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

解决element-ui upload上传组件before-upload钩子上传校验格式 文件大小失败后还调用上传接口显示上传成功

2022-07-27 14:34:40  阅读:166  来源: 互联网

标签:文件大小 false upload 校验 file reject 上传


before-upload 上传文件之前的钩子,参数为上传的文件, 若返回false或者返回 Promise 且被 reject,则停止上传。

before-upload 是异步函数 返回false 依然会请求上传接口 所以要返回Promise.reject() 停止上传

上传前格式 大小校验 校验不通过停止上传

const beforUploadFileVideo = (file) => {   return new Promise((resolve, reject) => {     const isType =       /\.(wmv|rm|rmvb|mov|mp4|flv|3gp|mkv|avi|f4v|webv|mepg)$/.test(file.type);     const isLt2M = file.size / 1024 / 1024 < 200;     //图片上传之前的校验     if (!isType) {       // 限制文件类型校验       ElMessage.error("视频上传格式不对!");       return reject(false);     } else if (!isLt2M) {       ElMessage.error("图片大小不能超过 200MB!");       return reject(false);     } else {       resolve(true);     }   }); };

 

标签:文件大小,false,upload,校验,file,reject,上传
来源: https://www.cnblogs.com/xk-one/p/16524744.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有