码迷,mamicode.com
首页 > Web开发 > 详细

element中upload上传文件遇到校验问题

时间:2019-11-11 12:59:43      阅读:218      评论:0      收藏:0      [点我收藏+]

标签:文件名   操作   lock   his   text   splay   方法   状态改变   注意   

在做上传的时候,遇到的需求是 需要对选择的文件进行文件名唯一校验。当我们选择文件以后,点击上传按钮,在文件状态改变时的钩子on-change里做校验规则,

技术图片

 

 

技术图片

 

 

成功或者失败都会重新再走一次这个函数。所以当后端数据库里没有这条数据是,点击上传 会显示一条上传成功,紧接着一条文件名已存在。bug来了,“走校验”在成功后也会出现一次。我想到的办法是,我们不用“this.$refs.upload.submit()”方法,自定义上传接口。

 

技术图片

 

 

 此时,,我们在.then里执行成功  失败的操作。这是后还得注意一个问题,就是传参格式是form data,还得传file文件流技术图片

 

 

技术图片

 

我们可以从"raw"里面取到文件流。接着我们走接口,传参。技术图片

 

 结束!

element中upload上传文件遇到校验问题

标签:文件名   操作   lock   his   text   splay   方法   状态改变   注意   

原文地址:https://www.cnblogs.com/xueww/p/11643844.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!