el-upload的beforeAvatarUpload返回失败依旧上传

最新推荐文章于 2024-04-09 19:26:30 发布
最新推荐文章于 2024-04-09 19:26:30 发布
阅读量881 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： 前端 文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/CHIHIRO1023/article/details/126484441
博客探讨了在处理文件上传时beforeAvatarUpload回调中，为何将return false更正为return Promise.reject(false)是正确的做法。这涉及到Promise的错误处理机制，确保上传流程能正确终止。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

beforeAvatarUpload返回失败依旧上传：

应该把 return false 改为 return Promise.reject(false); //正确的终止

解决vue2.0 element-ui中el-upload的before-upload方法返回false时submit()不生效问题
10-18
主要介绍了vue2.0 element-ui中el-upload的before-upload方法返回false时submit()不生效的解决方法，这里需要主要项目中用的element-ui是V1.4.3，感兴趣的朋友参考下吧
使用ant-design 上传文件组件Upload时的beforeUpload返回false，文件仍然上传的问题
热门推荐
weixin_42424269的博客
04-11 1万+
在使用Upload这个组件的时候，我们会发现它其实又许多的小坑坑。 如果我们在beforeUpload中直接返回true或者是false，那么它其实也是会上传文件的，因为它也会触发onChange函数。 我这里是采用在对应的函数中返回一个promise来解决的，就像下面这样： export function checkBeforeFileUpload(file){ return new Pro...
多个Promise异步方法的同步调用
醉月听风的博客
11-17 1989
创建多个异步方法： var fun1 = function () { return new Promise((resolve, reject) => { setTimeout(() => { resolve(1); }, 1000); }) } var fun2 = function (num) {
element-ui 使用el-upload 在 before-upload函数中 取消上传动作 return false 依然上传
tcmmx1993的博客
09-27 4173
在使用el-upload这个组件的时候,业务是需要传其他参数给后台，所以校验写在before-upload中，在before-upload中直接返回true或者是false，依然会发文件给后台 解决方式： 我这里是采用在函数中返回一个promise来解决的 这样在不满足条件的情况下，它就不会上传文件啦 ...
el-upload的beforeAvatarUpload当中提示操作（异步）
weixin_43856626的博客
03-06 617
上传文件的异步提示
使用ant-design-vue 上传文件beforeUpload返回false时,仍然执行change事件上传文件
u010450931的博客
08-02 9938
使用a-upload上传图片，如果beforeUpload直接返回false，仍然会执行onChange，图片会继续上传。 这里是采用在beforeUpload函数中返回一个promise来解决的，这样如果返回false就不会再继续上传了。 官网说明:返回一个 Promise 对象，Promise 对象 reject 时则停止上传，resolve 时开始上传。 beforeUpload (file...
el-upload缩略图图片回显
08-10
解决这个问题的方法是，在挂载之前终止图片的上传，可以在beforeAvatarUpload方法中判断图片的类型，并在不支持的文件类型上返回false，从而终止上传。另一种情况是，在el-upload组件中，通过将后端返回的图片地址...
vue 上传文件 beforeUpload 返回false触发beforeRemove和onRemove事件解决方法
weixin_57031089的博客
12-27 1283
vue 上传文件 beforeUpload 返回false触发beforeRemove和onRemove事件解决方法
vue3 上传组件判断文件名是否已存在，before-upload返回false自动调用before-remove on-remove钩子问题解决方法
最新发布
qq_43195831的博客
04-09 704
当我们上传已经传过的文件时，以上判断就会生效，就会最直接调用on-remove方法了，并且之前的相同文件就会被删除，那么我们就要阻止删除已上传的文件，删除当前上传的这个文件，这时就需要在on–remove里加上一个判断，当上传的状态不是 success 时就返回true（同意删除当前上传未成功的文件）封装的上传组件在on-remove是可以返回一个方法和值的，但是这个值是对象，不能返回数组，否则父组件会接收不到，从而导致bug的诞生。这样子就解决了，不是问题的问题，不是bug的bug。
el-upload中的before-upload不生效
m0_51077750的博客
10-19 3112
由于执行函数 onChange() 时，已经将 file 加入fileList 数组了，所以当我们发现文件不符合条件时，要将 文件从fileList 中吐出来。before-upload是在上传文件时触发，不是添加文件时触发，添加文件时触发 on-change。所以如果我们要在添加文件时，对文件的大小和后缀等等进行判断，可以用 on-change 方法来实现。我们先来看看官方对before-upload的定义。
antdvue 文件上传beforeUpload直接return false失效，文件仍然上传
Thomas的博客
06-04 5489
之前做一直是直接beforeUpload里定义规则然后直接return false，一直是正常得，今天突然就失效了，一脸懵逼。 然后看官方文档上还支持promise，就写promise就正常了。直接return false还是会调用change事件，使用promise reject后就不会进change了。 beforeUpload(file){ return new Promise((resolve, reject) => { const isLt10M = file.size / 102
element-ui 上传图片成功，检验规则仍存在，校验失败
weixin_52020362的博客
09-09 692
element-ui 上传图片成功，检验规则仍存在，校验失败
vue上传图片前的校验（格式、大小、尺寸）
赵又又的博客
07-28 4328
先看html部分 ： <el-upload class="avatar-uploader" action="" accept=".jpg,.jpeg,.png,.JPG,.JPEG,.gif" :http-request="uploadImg" :before-upload="beforeAvatarUpload" :show-file-list="false" list-type="picture" > <img v-if="mergeData.url
element-ui 的upload组件，before-upload验证不通过后触发了on-remove方法的内容（已解决）
shiqi236的博客
10-15 2538
element-ui 的upload组件，before-upload验证不通过后触发了on-remove方法的内容（已解决） vue ： <el-upload :headers="myHeaders" class="upload-demo" :action="homeVideoUploadUrl" :on-preview="handlePreview" :on-remove="handleRemove"
iview upload before-upload组织上传失败
yang423712的博客
04-27 1599
这里需要说明一下iview upload组件有一个bug，before-upload函数中如果返回false不能阻止文件自动上传。on-success函数中依然能够拿到上传成功的文件信息，不过我们通常在上传之前进行一系列操作，比如格式判断。这里我设置了图片尺寸判断。 <Upload ref="upload" :show-upload-list="false" :default-file-list="defaultList" :on-succ...
为什么el-uploader的before-upload方法不生效
qq_42931285的博客
05-26 1650
el-upload、 before-upload
element before-upload return false 失效 终止上传 停止删除
qq_26269441的博客
09-16 3136
换种写法 上代码 // Html部分 <el-upload name="image" class="upload_btn" ref="uploader" :action="actionUrl" :show-file-list="false" :headers="headers"
elementui上传组件 before-upload返回false自动调用before-remove和on-remove钩子问题解决方法
FinelyYang的专栏
08-30 3721
当上传的时候判断上传文件的类型不通过的时候，会触发handleRemove方法，解决办法就是，在删除的时候判断下，该文件是不是已经成功上传，如果是的话才可以删除： //删除文件之前 beforeRemove(file, fileList) { if (file && file.status==="success") { ...... } }, //删除文件 handleRemove(file, fileList) { if (file && f...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值