uniapp封装 multipart/form-data
时间: 2024-10-15 12:20:29 浏览: 29
Delphi7 multipart/form-data实现上传文件
UniApp 是一个基于 Vue.js 的跨平台应用框架,它可以让你构建一次,发布到多个平台(如微信小程序、H5、Web、iOS、Android 等)。当处理表单数据,尤其是文件上传(multipart/form-data), UniApp 提供了 `wx.request` 或者其对应的 HTTP 封装工具来进行。
在 UniApp 中,如果你需要上传文件,可以使用 `FormData` 对象,它是 JavaScript 标准库用于处理二进制数据的工具,非常适合上传文件。下面是一个简单的例子:
```javascript
let formData = new FormData();
formData.append('file', localFileObject, 'filename.ext'); // localFileObject 是本地文件
uni.request({
url: 'your/api/upload',
method: 'post',
data: formData,
header: {
'Content-Type': 'multipart/form-data'
},
success(res) {
console.log(res.data);
},
fail(err) {
console.error(err);
}
});
```
这里的 `header` 部分设置了 Content-Type 为 "multipart/form-data",表示请求体包含二进制数据。然后在后端服务器,你需要配置支持接收这种类型的请求。
阅读全文