uniapp上传附件

UniApp 是一款基于 Vue.js 的跨平台开发框架，它允许开发者编写一套代码，生成适用于多个平台的应用，包括 Web、iOS、Android 和 H5。在 UniApp 中，上传附件通常涉及到文件上传功能，可以通过官方提供的`u-file-uploader`组件或自定义方法来实现。

以下是一个基本的使用`u-file-uploader`组件上传文件的例子：

<template>
  <view>
    <u-file-uploader
      ref="uploader"
      :before-read="beforeRead"
      :before-upload="beforeUpload"
      :on-success="onSuccess"
      :on-error="onError"
      :limit="1" <!-- 可以设置最多上传的文件数量 -->
      :accept="'.jpg, .png, .jpeg'" <!-- 设置支持的文件类型 -->
      @change="handleChange"
    ></u-file-uploader>
    <button @click="uploadFiles">上传文件</button>
  </view>
</template>

<script>
export default {
  methods: {
    beforeRead(file) {
      // 在选择文件前执行的操作，如显示加载提示
      console.log('即将读取文件:', file);
    },
    beforeUpload(file) {
      // 在上传前执行的操作，如限制文件大小等
      console.log('即将上传文件:', file);
      return true; // 返回true表示允许上传，false则阻止
    },
    onSuccess(res) {
      // 文件上传成功后调用，res包含服务器返回的数据
      console.log('文件上传成功:', res);
    },
    onError(err) {
      // 文件上传失败时调用，err包含错误信息
      console.error('文件上传失败:', err);
    },
    handleChange(e) {
      // 当用户选择文件时触发，e.detail包含文件信息
      console.log('文件选择:', e.detail);
    },
    uploadFiles() {
      this.$refs.uploader.submit(); // 提交上传
    }
  }
};
</script>

相关问题--
1. 如何在UniApp中设置文件上传的限制？
2. `u-file-uploader`组件的事件有哪些？
3. 除了官方组件，