uniapp多张图片上传的方法是什么

avatar
作者
筋斗云
阅读量:0

在uniapp中,可以使用uni.uploadFile方法来实现多张图片上传。具体步骤如下:

  1. 将uni.chooseImage方法选择的图片转换为文件对象
uni.chooseImage({   count: 3,   success: function (res) {     const tempFilePaths = res.tempFilePaths     const files = tempFilePaths.map((path) => {       return { uri: path, name: 'file' }     })     // 调用上传方法     uploadImages(files)   } }) 
  1. 创建一个上传文件的方法uploadImages
function uploadImages(files) {   files.forEach((file) => {     uni.uploadFile({       url: 'http://example.com/upload',       filePath: file.uri,       name: file.name,       success: function (res) {         console.log(res.data)       },       fail: function (err) {         console.log(err)       }     })   }) } 
  1. 在上传文件时指定服务器的接口地址和文件路径等参数,并在上传成功或失败后进行相应的处理。

注意:需要在manifest.json文件中配置权限,允许访问网络和本地文件。

广告一刻

为您即时展示最新活动产品广告消息,让您随时掌握产品活动新动态!