多视频上传中给出友好提示
应用场景: 支持上传多个视频,有视频在上传中时,不允许下一步操作,给出友好提示
页面代码:
<el-form-item label="上传视频">
<el-upload
ref="uploadvideoList"
:action="uploadUrl"
:data="{}"
:limit="3"
accept=".mp4"
:on-exceed="handleExceed"
class="attachment_uploading"
:file-list="item.videoList"
:on-success="
(file, fileList) => handleSuccess(file, fileList, index)
"
:on-remove="
(file, fileList) => handleRemove(file, fileList, index)
"
>
<el-button size="small" icon="el-icon-upload2"
>点击上传</el-button
>
<div slot="tip" class="el-upload__tip">
支持扩展名:mp4格式
</div>
</el-upload>
</el-form-item>
javaScript代码: 提交时去遍历上传组件的这个中的uploadFiles中的数据是否包含状态为“uploading”的
for (let item of this.$refs.uploadvideoList) {
if (item.uploadFiles.length) {
for (let itemA of item.uploadFiles) {
if (itemA.status == "uploading") {
this.$message.error("有视频在上传中");
return;
}
}
}
}