uniapp 微信小程序上传文件

UniApp 是一个基于 Vue.js 的跨平台框架，可以同时用于构建微信小程序、H5、iOS、Android等应用。关于在 UniApp 中上传文件到微信小程序，你可以按照以下步骤操作：

1. **引入依赖**：首先，在项目的 `uni-app.json` 文件的配置里，添加对文件管理模块的引用，例如：

   "framework": {
     "install": [
       "@dcloudio/uni-file-manager"
     ]
   }

2. **获取文件选择器**：在需要上传文件的地方，使用 `uni.chooseFile` API 弹出选择文件的界面，允许用户从本地选取文件：

   const uploadBtn = el => {
     uni.chooseFile({
       count: 1, // 可选，限制最多选择文件数量，默认为9
       sizeLimit: 1024 * 1024 * 5, // 可选，单个文件大小限制，单位为KB，默认无限制
       success (res) {
         console.log(res.fileList); // 获取到用户选择的文件信息
         handleFile(res.fileList[0]); // 处理上传操作
       },
       cancel () {
        // 操作取消回调
      },
      fail (err) {
        console.error('文件选择失败', err);
      }
     });
   };

3. **处理文件上传**：通过 `uni.uploadFile` API 实际将文件上传到服务器，这里涉及到后端配合，通常会发送一个包含文件数据的请求到后端：

   async function handleFile(file) {
     const formData = new FormData();
     formData.append('file', file.tempFilePath);

     try {
       await uni.uploadFile({
         url: 'your/upload/api', // 后端接收文件的地址
         data: formData,
         method: 'POST',
         header: { 'Content-Type': 'multipart/form-data' },
         success (res) {
           console.log('上传成功', res.data);
         },
         fail (err) {
           console.error('文件上传失败', err);
         }
       });
     } catch (error) {
       console.error('文件处理错误', error);
     }
   }