概要:使用antd的Upload组件自定义上传功能,包含上传、文件验证、回传(成功/失败);
步入正题:
1、创建upoload.vue,编写demo代码:
<template>
<a-modal
v-model="visible"
centered
:mask-closable="false"
:width="480"
:footer="null"
@cancel="hideModal"
>
<div class="outer">
<div v-if="uploadStep==='upload'">
<p class="uploadTitle">
上传文件
</p>
<p>
本地上传 Excel 文件
</p>
<p>
不符合格式的Excel会导致上传失败
</p>
<a-upload
name="file"
:action="uploadUrl"
:show-upload-list="false"
@change="checkFile"
>
<a-button
type="primary"
>
<a-icon type="upload" />上 传
</a-button>
</a-upload>
<p>
<span>或</span>
</p>
<a-button
type="