vue3使用el-upload解析身份证

<el-form-item label="身份证" prop="imageUrl">
              <el-upload
                class="avatar-uploader"
                :action="uploadFileUrl"
                :show-file-list="false"
                :on-success="handleAvatarSuccess"
                :before-upload="beforeUpload"
                accept=".jpg,.png"
              >
                <img v-if="form.imageUrl" :src="form.imageUrl" class="avatar" />
                <el-icon v-else class="avatar-uploader-icon"><Plus /></el-icon>
              </el-upload>
            </el-form-item>



function handleAvatarSuccess(response, uploadFile) {
  if (response.code == 200) {
    const { attachId, fileName, url } = response.data
    // 将文件（file）转换成base64字符串
    let reader = new FileReader()
    reader.readAsDataURL(uploadFile.raw)
    reader.onloadend = function () {
      // 识别的接口
      axios({
        method: 'post',
        url: 'http://192.168.2.96:18181/card/cardFront',
        data: {
          img: reader.result,
        },
        headers: {
          'x-key': '568cc943fa8c43fb94ecac218fb57259',
        },
      }).then(res => {
        // 解析图片的信息
        console.log(res)
      })
    }

    form.value.imageUrl = url
    form.value.fileId = attachId
    proxy.$modal.msgSuccess('上传成功')
  }
}