微信小程序！一次http请求可上传多张图片、无依赖

最新推荐文章于 2023-05-01 17:27:00 发布

原创

最新推荐文章于 2023-05-01 17:27:00 发布 · 724 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #小程序 #uni-app

本文介绍了如何使用xp-multipart在uni-app小程序中实现一次http请求上传多张图片的功能。该库适用于微信小程序，源码基于uniapp，并提供了后端接口的Spring-Boot示例。

xp-multipart

github源码源码demo是基于uniapp的，工具包在 utils目录下

一、概述

uniapp官方提供的uni.uploadFile或微信官方wx.uploadFile 一次只能上传一个图片，xp-multipart既可以用来发送普通的表单数据，也可以同时上传多个图片文件
为微信小程序封装的，其余平台暂未考虑；app和h5直接使用uni.uploadFile即可
底层依然使用wx.request 进行封装，因此小程序管理后台设置了request的合法域名可以正常使用

二、在项目中使用

url 接口地址
fields 表单数据
files 文件图片
header 请求头（函数中content-type为multipart/form-data，不可也无需再设置
success (必传参数)
fail
complete


import {
   
   
    multipartUpload as upload,
    uploadTask as task //上传任务对象，同requestTask
} from "@/utils/xp-multipart.js"

//1、回调函数
uni.chooseImage({
   
   
    count: 2,