微信小程序如何从聊天记录上传文件？最详细解答！

前端

2023-05-02 10:35:23

从微信聊天记录上传文件：指南与详解

简介

在微信小程序的开发中，我们经常需要从聊天记录中获取文件，例如图片、文档或视频。本文将详细介绍如何实现从聊天记录上传文件的操作，包括生成签名和凭证、使用微信官方 API 上传文件以及后端验证合法性等步骤。

生成签名和凭证

为了确保文件上传的安全性，微信小程序对文件上传做了安全限制，需要后端生成签名和凭证。这是因为微信小程序是一个开放的平台，任何人都可以注册一个小程序。如果不进行限制，恶意用户可能会上传病毒或其他有害文件，从而威胁到其他用户的安全。

生成签名和凭证的具体流程如下：

准备文件信息，包括文件名、文件大小和文件类型。
使用微信小程序提供的签名和凭证生成 API 生成签名和凭证。
将签名和凭证返回给小程序端。

使用微信官方 API 上传文件

生成签名和凭证后，就可以使用微信小程序提供的 wx.chooseMessageFile API 从聊天记录中获取文件。具体使用方法如下：

wx.chooseMessageFile({
  count: 1, //最多可以选择的图片张数
  type: 'file', //可以指定是图片还是文件，默认二者都有
  success: function (res) {
    //返回选定的文件信息
    console.log(res)
  }
})

wx.chooseMessageFile API 成功调用后，将会返回一个包含文件信息的 res 对象，其中包含 tempFilePaths 字段，该字段包含选定文件的文件路径。

将文件上传到服务器

选择文件后，即可使用微信小程序提供的 wx.uploadFile API 将文件上传到服务器。具体使用方法如下：

wx.uploadFile({
  url: 'https://example.com/upload', //服务器地址
  filePath: res.tempFilePaths[0], //要上传的文件路径
  name: 'file', //文件对应的参数名
  success: function (res) {
    //返回上传结果
    console.log(res)
  }
})