uniapp开发微信小程序中的文件上传功能

欢迎到专业群（ uni-app 官方技术交流群 1 ） 咨询，群中有相关专业的管理员和群友。

在 uni-app 开发微信小程序时，要想实现“像微信原生那样既能选聊天记录里的文件，又能选本地文件”的效果，需要把两条微信独有的 API 组合起来用：

1. 选聊天记录里的文件：wx.chooseMessageFile
   文档地址：https://uniapp.dcloud.net.cn/api/media/file.html#wx-choosemessagefile

2. 选本地文件：uni.chooseFile
   文档地址：https://uniapp.dcloud.net.cn/api/media/file.html#choosefile

示例代码（可直接放到页面 methods 里）：

// 选聊天记录文件  
chooseFromChat() {  
  wx.chooseMessageFile({  
    count: 1,  
    type: 'file',  
    success: (res) => {  
      this.upload(res.tempFiles[0].path);  
    }  
  });  
},  

// 选本地文件  
chooseFromLocal() {  
  uni.chooseFile({  
    count: 1,  
    success: (res) => {  
      this.upload(res.tempFilePaths[0]);  
    }  
  });  
},  

// 统一上传  
upload(filePath) {  
  uni.uploadFile({  
    url: 'https://your-server.com/upload',  
    filePath,  
    name: 'file',  
    success: (res) => {  
      console.log('上传成功', res);  
    }  
  });  
}

在页面上放两个按钮分别调用 chooseFromChat 和 chooseFromLocal 即可实现“聊天记录文件 / 本地文件”双入口，体验与微信原生一致。

可以查一下原生微信小程序有哪些相关的上传文件的API，直接 uni.xxx 使用就行