前端页面经常需要进行文件上传,那么就需要实现配合后端实现文件上传oss阿里云,下面区分了使用组件和不使用组件进行上传的情况
ant design的文件上传组件如下
<div v-show="addFile">
<a-upload-dragger
:customRequest="uploadFile"
name="file"
:multiple="true"
@change="fileChange"
accept=".pdf,.doc,.docx"
>
<p class="ant-upload-drag-icon">
<a-icon type="inbox" />
</p>
<p class="ant-upload-text">
点击选择上传pdf文件
</p>
<p class="ant-upload-hint">
支持单个或批量上传
</p>
</a-upload-dragger>
</div>
注意需要通过custo