### 微信小程序中使用FormData进行参数传递 在微信小程序环境中，`wx.uploadFile` 是用于上传文件并携带额外表单数据的有效方法。此函数允许开发者指定一个本地文件路径以及附加的表单字段作为 `formData` 的一部分来发送给服务器[^1]。 对于想要通过 POST 请求提交非文件类型的表单数据的情况，则可以采用另一种方式——利用 `uni.request()` 函数配合特定的内容类型设置实现类似的效果。具体来说，在发起请求之前应当调整 HTTP 头部中的 `Content-Type` 属性为 `application/x-www-form-urlencoded; charset=UTF-8` 并将实际要传送的数据序列化成 URL 编码字符串的形式[^2]。 下面分别给出这两种场景下的代码实例： #### 使用 `wx.uploadFile` 进行图片与表单数据一同上传 当涉及到图像或其他二进制资源时，推荐使用如下所示的方法来进行操作： ```javascript const filePath = "path_to_your_image_file"; // 图片路径 const formData = { idCardNumber: '1234567890', }; wx.uploadFile({ url: 'https://example.com/upload', // 接口地址 filePath, name: 'file', // 文件对应的 key formData, // 额外的表单项 success(res) { console.log('Upload Success:', res.data); }, fail(err) { console.error('Upload Failed:', err); } }); ``` #### 利用 `uni.request()` 发送普通表单数据 如果只是单纯地传输键值对而不涉及任何文件的话，那么可以通过这种方式构建请求体： ```javascript uni.request({ url: 'https://example.com/submit', // 接口地址 method: 'POST', data: `idCardNumber=1234567890&name=value`, // 序列化的表单数据 header: { 'content-type': 'application/x-www-form-urlencoded; charset=UTF-8' }, success(res) => { console.log('Request Successful:', res.data); }, fail(err) => { console.error('Request Failed:', err); } }); ```