使用vue3+arco design组件库中的a-upload实现上传图片功能，后端需要字段为file（文件类型）

在前端使用a-upload组件上传图片时，可以通过设置`name`属性来指定要上传的文件字段名，例如设置为`file`。

示例代码如下：

<template>
  <a-upload
    :action="uploadUrl"
    :name="'file'"
    :show-file-list="false"
    :before-upload="handleBeforeUpload"
    :on-success="handleSuccess"
    :on-error="handleError"
  >
    <a-button type="primary">上传图片</a-button>
  </a-upload>
</template>

<script>
import { defineComponent } from 'vue';
import { message } from 'arco-design';

export default defineComponent({
  data() {
    return {
      uploadUrl: '/api/upload',
    };
  },
  methods: {
    handleBeforeUpload(file) {
      // 在这里可以添加上传前的校验逻辑
      console.log('before upload', file);
    },
    handleSuccess(response, file) {
      // 上传成功的回调函数
      console.log('upload success', response, file);
      message.success('上传成功！');
    },
    handleError(error, response, file) {
      // 上传失败的回调函数
      console.log('upload failed', error, response, file);
      message.error('上传失败！');
    },
  },
});
</script>

在上述代码中，我们将`name`属性设置为`'file'`，这样在上传图片时，后端会接收到一个名为`file`的文件类型字段。同时，我们还可以在`before-upload`中添加上传前的校验逻辑，在`on-success`和`on-error`中处理上传结果。