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

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

酒馆打烊了

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

阅读量620

点赞数 1

分类专栏： uni-app 微信小程序文章标签： vue.js 小程序 uni-app

本文链接：https://blog.csdn.net/Ang_pmj/article/details/113548577

版权

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

摘要由CSDN通过智能技术生成

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