NaiveUI upload

NaiveUI是一个基于Vue.js的UI组件库，提供了丰富的组件和功能。根据提供的引用内容，NaiveUI的图片上传组件可以通过自定义请求来实现文件上传，并且可以设置最大上传数量。

以下是一个使用NaiveUI图片上传组件的示例代码：

<template>
  <dv-border-box-8 p10px>
    <n-upload ref="uploadRef" list-type="image-card" action="" :custom-request="Upload" :max="1">
      <n-image>
        <template #placeholder>上传身份证头像</template>
      </n-image>
    </n-upload>
  </dv-border-box-8>
</template>

<script>
export default {
  methods: {
    Upload(file) {
      // 自定义上传请求的逻辑
      // 在这里可以处理文件上传、修改文件名等操作
    }
  }
}
</script>

在上述代码中，`n-upload`组件是NaiveUI提供的图片上传组件，通过设置`list-type`属性为`image-card`可以以卡片形式展示上传的图片。`custom-request`属性可以指定自定义的上传请求方法，这里使用了`Upload`方法来处理上传请求。`max`属性可以设置最大上传数量，这里设置为1表示只能上传一张图片。

你可以根据自己的需求在`Upload`方法中实现文件上传和修改文件名的逻辑。