原因: <a-card>
中的 loading属性值为true时, 导致<a-upload>
上传时只有Uploading状态,无法获取服务器返回的数据,需要去掉 loading属性即可。
<template>
<div>
<!-- <a-card :bordered="false" title="上传升级包" class="mb20" :loading="loading" hoverable> -->
<a-card :bordered="false" title="上传升级包" class="mb20" hoverable>
<a-form @submit="handleSubmit">
<a-form-item
label="文件"
:labelCol="{ lg: { span: 7 }, sm: { span: 7 } }"
:wrapperCol="{ lg: { span: 10 }, sm: { span: 17 } }"
>
<a-upload
name="file"
:showUploadList="false"
:multiple="false"
:headers="tokenHeader"
:action="uploadAction"
accept=".apk"
@change="handleUpload"
>
<a-button type="primary"><a-icon type="upload" class="fs-14"></a-icon>选择文件</a-button>
<span class="tips line-2em"> 选择XXX.apk,进行升级操作 </span>
</a-upload>
</a-form-item>
</a-form>
</a-card>
</div>
</template>