### UniApp 中以 form-data 格式传递参数 在 UniApp 开发过程中，当需要通过 HTTP 请求发送数据到服务器时，可以选择不同的 Content-Type 来定义请求体的数据格式。如果希望以 `multipart/form-data` 的方式提交表单数据，则需要注意配置请求头以及正确构建请求体。 以下是实现的具体方法： #### 1. 设置请求头 为了使服务端能够识别并解析 `form-data` 类型的数据，在发起网络请求前需设置合适的 Header 参数。通常情况下，无需手动指定 `Content-Type` 值为 `multipart/form-data`，因为该类型的边界字符串由浏览器或框架自动生成[^2]。只需移除默认的 `'Content-Type': 'application/json'` 或其他可能干扰的内容即可。 ```javascript const header = { 'Accept': '*/*', }; ``` #### 2. 构建 FormData 对象 借助 JavaScript 内置的 `FormData()` 接口可以轻松创建键值对形式的数据结构用于上传文件或其他二进制流信息。对于普通的文本字段同样适用此对象来封装待传输的信息。 ```javascript function buildFormData(data) { const formData = new FormData(); Object.keys(data).forEach(key => { if (typeof data[key] === 'object') { // 如果 value 是 File/Blob 类型则直接附加 formData.append(key, data[key]); } else { // 否则转换成字符串再加入 formData.append(key, String(data[key])); } }); return formData; } ``` #### 3. 发起带有 Form-Data 的 POST 请求 利用 uni.request 方法结合前面准备好的 headers 和 formData 完成交互操作。 ```javascript async function postData(url, params) { try { let formData = buildFormData(params); await uni.request({ url, method: 'POST', header: {'Accept': '*/*'}, data: formData, success(res){ console.log('Response:', res.data); }, fail(err){ console.error('Error occurred', err); } }); } catch(e) { console.error('Exception during request', e.message); } } // 调用示例 postData('/api/example', {"username": "test", avatar:new Blob(["example"],{type:"image/jpeg"})}); ``` 以上代码片段展示了如何在 UniApp 应用程序中构造并发送包含常规键值对及图片资源在内的复合型表单数据给远程 API 终端处理[^3]。 ---