Element ui upload上传组件修改文件上传进度条

参考文章:

Element ui upload上传组件修改文件上传进度条 - 程序员大本营

在实际开发过程中有个问题:上传大文件的时候,进度条为100%后其实文件还并没有上传成功。

 

<!-- //自定义 upload自带的文件列表显示
								//show-file-list设置为false
								//解决上传大文件的时候,进度条为100%后其实文件还并没有上传成功 -->
								<div>
									<ul
										class="el-upload-list el-upload-list--text"
									>
										<li
											class="el-upload-list__item is-success"
											v-for="(item, index) in fileList"
											:key="index"
										>
											<a class="el-upload-list item-name">
												<i class="el-icon-document">
												</i>
												{{ item.name }}
											</a>
											<label
												class="el-upload-list__item-status-label"
											>
												<i
													v-if="
														item.status ==
															'uploading'
													"
													><i
														class="el-icon-loading"
														style="color:#67C23A"
													></i
												></i>
												<i
													v-else-if="
														item.status ==
															'success' ||
															item.url
													"
													><i
														class="el-icon-circle-check"
														style="color:#67C23A"
													></i
												></i>
												<i
													v-else-if="
														item.status == 'warning'
													"
													><i
														class="el-icon-circle-close"
														style="color:red"
													></i
												></i>
											</label>
											<i
												class="el-icon-close"
												@click="handleRemove(item)"
											></i>
										</li>
									</ul>
								</div>

 

 

  • 2
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值