vue ant头像上传

<template>

    <a-form
      ref="form"
      :model="dataForm"
      layout="horizontal"
      :label-col="{ span: 5 }"
      :wrapper-col="{ span: 19 }"
      :colon="true"
    >
     
      <a-form-item label="系统logo" name="macAddr">
        <a-upload
          v-model:file-list="fileList"
          name="file"
          list-type="picture"
          class="avatar-uploader"
          :show-upload-list="false"
          :action="uploadUrl" //uploadUrl上传文件的地址
          :before-upload="beforeUpload"
          @change="handleChange"
        >
          <div v-if="imageUrl">
            <a-avatar :size="48" :src="imageUrl" />
          </div>

          <div v-else>
            <a-avatar :size=