el-upload 批量导入超时解决方法，批量上传文件过多，后台处理时间过长超时，前台会报错误（实际上后台还在处理中）。如果想知道后台处理结果，建议做成异步查询，写定时器扫描结果表信息

最新推荐文章于 2024-04-28 20:28:11 发布
最新推荐文章于 2024-04-28 20:28:11 发布
阅读量5.2k 收藏 5
点赞数 1
文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_16714671/article/details/122556150
版权

el-upload 上传文件到后台走的是单独的ajax,因此通过axios封装的ajax进行response拦截不合适。

最好的处理方法是在上传失败的钩子函数on-error进行拦截,对其response进行处理，超时情况，其返回response.包含currentTarget.timeout属性，并且currentTarget.timeout的值为“0”，只要判断这种情况单独处理即可。

绑定文件上传失败钩子函数

钩子函数response处理：超时response属性判断。

 

qq_16714671
关注
  • 1
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue使用el-upload上传文件及Feign服务间传递文件的方法
10-17
主要介绍了vue使用el-upload上传文件及Feign服务间传递文件的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
element-ui el-upload 上传 进度状态展示 进度条
m0_52775179的博客
06-05 7818
setTimeout( () => {this.progressFlag = false}, 1000) // 一秒后关闭进度条。// 动态获取文件上传进度。progressFlag: false, // 关闭进度条。loadProgress: 0, // 动态显示进度条。的时候想要展示文件上传进度（百分比）。-- 进度条 -->
element-ui upload上传组件 动态配置action遇到的的坑，不能动态改变action的原因
weixin_44012722的博客
06-27 4436
在写el-upload的组件的时候，发现已经按照网上大部分抄来抄去的文章做了 ，但是还是一样不行后面发现是el-upload的submit方法太快了，导致动态绑定的方法执行在后面只要一个setTimeout(function(){},400)即可解决！！ 看代码 实在是有点郁闷 ，这个坑！！！！ ...
elemetUi 组件--el-upload实现上传Excel文件的实例
08-29
主要介绍了elemetUi 组件--el-upload实现上传Excel文件的实例的相关资料,希望通过本文大家能够实现这样的功能，需要的朋友可以参考下
vue+axios+el-upload实现文件上传（带参数）：
01-03
本次使用http-request自定义文件上传： 上传头像 备注：不要自己设置请求头类型，让浏览器自己解析，如果在main.js中配置了post参数序列化的可能会导致浏览器解析上传文件格式错误（415错误Unsupported Media Type）；请将此配置注释掉； async uploadFile(params) { // 可以在上传之前就行文件类型和大小处理 var formData = new FormData(); formData.append('annex', params.file);
vue上传文件 2分钟超时 浏览器重发机制
weixin_42350130的博客
09-22 5562
vue上传文件 2分钟超时 浏览器重发机制 Required request part ‘file‘ is not present
vue-element-admin 上传upload图片慢问题处理
无风的雨
06-20 5978
前言 vue-element-admin自带上传图片组件，在使用的过程中发现上传速度很慢，尤其是上传一些大图需要耗时几十秒不能忍受。出现这种情况，是因为upload组件会将图片上传到action="https://httpbin.org/post" ，并返回转换成base64编码格式的数据。 格式类似： data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAIBAQEBAQIBAQECAgICAgQDAgICAgUEBAMEBgUGBgYFBgYG
VUE音乐或视频文件上传时长限制（el-dialog组件）
老程的博客
09-04 3144
需求：弄一个文件上传的子组件，我需要上传的文件时音乐MP3文件，上传时需要做文件类型、大小、时长做出限制，其中时长限制存在异步问题，后来是通过watch监听间接实现的； 看 官方文档 el-upload 组件的 before-upload 属性可以做文件格式校检； 官方对该属性的说明是：上传文件之前的钩子，参数为上传的文件，若返回 false 或者返回 Promise 且被 reject，则停止上传； 组件代码如下： <template> <el-dialog .
el-upload 使用
weixin_41814408的博客
12-28 613
<template > <div> data上传 <!-- action 上传地址 --> <!-- headers 设置请求头 --> <!-- :before-upload="beforeUpload" 限制上传文件大小--> <el-upload class="upload-demo" action="http://192.168.1...
element-ui upload使用经验总结
sunshine的博客
02-07 1万+
结构： <el-upload class="upload-demo" drag name="file" action="" accept="application/vnd.ms-excel,appli
通过vue的el-upload组件上传文件的例子
05-31
vue上传文件
vue-cli3.0+element-ui上传组件el-upload的使用
10-17
主要介绍了vue-cli3.0+element-ui上传组件el-upload的使用，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
element上传附件（el-upload 超详细）
热门推荐
m0_52313178的博客
05-12 5万+
element上传附件（el-upload 超详细） 经常会有人问我上传文件怎么做，这个功能其实比较常见的功能，后台管理系统基本上都有，这就离不开element的el-upload，虽然配置项很多，我们慢慢看，先看结构代码，之中有注释： <div class="flex-div uploaditem"> //这里是上传了那些文件的提示，我没有要默认的文件提示 <el-tooltip class="item" effect="dark" :content="tag.name" pl
el-upload上传组件，实现单个上传，批量上传，进度条显示，自定义上传文件样式
dnswek的博客
08-22 6780
最近项目中涉及很多文件上传的地方，然后文件上传又有很多限制。比如文件大小限制，文件个数限制，文件类型限制，文件上传后的列表样式自定义，包括上传进度条等问题。下面是我对element-ui的上传组件的一些改造， 点击查看源码。 我是自己维护了一个列表数据，再对这个列表数据进行一些操作，没用组件自带的。先看看我的组件模版 <template> <el-upload cla...
element el-upload 自定义上传服务器参数
HouYing
07-15 1520
<el-upload action="" list-type="picture-card" :http-request="upload" :file-list="fileList" :on-preview="handlePictureCardPreview" :before-uplo...
图片上传、展示
NOPR_W的博客
09-25 762
带有图片的模块相关代码，自己记录一下 页面代码 <el-form-item class="upload-bg register-bg" label="问题描述（图片）" prop="quesPic"> <div class="hide-video-box"></div> <el-upload class="avatar-uplo...
使用el-upload组件实现递归多文件上传
u011313034的专栏
02-16 9046
使用el-upload组件实现递归多文件上传
1.el-upload限制上传照片个数 2. 限制请求头Content-Type: multipart/form-data
m0_49471668的博客
11-24 1119
1.el-upload限制上传照片个数 2. 限制请求头Content-Type: multipart/form-data import axios from 'axios'; return axios({ url: 'http://xwm1000.com:11010/api/more/imgupdate', method: 'POST', data: { id: row.id, description: row.descr...
Spring Cloud Gateway直接管理Vue.js的静态资源
最新发布
wddblog的博客
04-28 937
1. 构建Vue.js应用像之前一样，构建你的Vue.js应用，并将生成的静态资源（位于dist目录）复制到Spring Boot项目的某个目录，比如。
el-upload上传超时
11-29
为解决el-upload上传超时的问题，可以尝试以下几种方法： 1. 增加超时时间 可以在el-upload组件中增加timeout属性，将超时时间设置为较长的时间，例如设置为60000（60秒）： ```html <el-upload class="upload-...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值