1. 需求分析
- 使用 Taro.chooseImage 实现图片的选择；
- 使用 Taro.uploadFile 实现图片的上传；
- 由于 Taro.uploadFile API 的 filePath 只能是一张图片的路径，因此上边两个 API 只能实现单图图片上传。
2. 上传图片实现
- 组装完整的上传接口地址【
${ server_env_url }${ config.default[data.url] }】； - 获取上传图片的图片地址【data.file】；
- 获取上传图片的请求头部【api.getHeader(“multipart/form-data”, data)】；
- 上传成功，返回上传后的地址。
// 文件上传
uploadFileImage (data = {}) {
data = {
url: 'uploadSingleUrl',
...data
}
let url = `${ server_env_url }${ config.default[data.url] }`;
return new Promise((resolve, reject) => {
Taro.uploadFile({
url,
filePath: data.fil文章来源地址https://www.toymoban.com/news/detail-423142.html
文章来源：https://www.toymoban.com/news/detail-423142.html
到了这里，关于Taro React组件开发（8） —— RuiUploadImages 多图片上传组件【Promise.all 实现】的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
