首页 > 其他分享 >uniapp 上传多张照片

uniapp 上传多张照片

时间:2024-08-12 17:19:04浏览次数:14  
标签:uniapp imagePath imagePaths 照片 Promise error 上传

在uniapp中,你可以使用Promise来处理多张照片的上传任务。以下是一个简单的示例,展示了如何使用Promise来上传多张照片:

 

// 假设有一个uploadImage方法用于上传单张图片,返回一个Promise
function uploadImage(imagePath) {
  return new Promise((resolve, reject) => {
// 这里应该是上传图片的代码,例如使用uniapp的uni.uploadFile方法
  uni.uploadFile({
    url: 'YOUR_UPLOAD_API_URL', // 替换为你的上传API地址
    filePath: imagePath,
    name: 'file',
    success: (uploadFileRes) => {
    resolve(uploadFileRes);
  },
  fail: (error) => {
    reject(error);
    }
  });
 });
}

// 使用Promise.all上传多张照片
function uploadMultipleImages(imagePaths) {
  const promises = imagePaths.map(imagePath => uploadImage(imagePath));
  return Promise.all(promises);
}

// 使用示例
const imagePaths = ['path/to/image1.jpg', 'path/to/image2.jpg', 'path/to/image3.jpg'];
  uploadMultipleImages(imagePaths)
    .then(results => {
      console.log('所有图片上传成功', results);
  })
.catch(error => {
  console.error('上传失败', error);
});

 

标签:uniapp,imagePath,imagePaths,照片,Promise,error,上传
From: https://www.cnblogs.com/yd-MM/p/18355373

相关文章

  • vue3 uniapp 上传图片
    直接上代码<uni-file-pickerfileMediatype="image"@select="selectFile"@delete="deleteFile"v-model="data.fileList"></uni-file-picker><viewclass="sub"@click="submit()">提交</......
  • SAP EXCEL数据上传代码
    *---获取数据DATA:LT_EXCELTYPETABLEOFALSMEX_TABLINE,"具有Excel数据的表行LV_INDEXTYPEI."项目位置*&---读取EXCEL到内表CALLFUNCTION'ALSM_EXCEL_TO_INTERNAL_TABLE'EXPORTINGFILENAME......
  • bugbountyhunter scope BARKER:第十滴血 存储型 Storage Cross-Site Scripting XSS 添
    登录后点击MemberDogs,Addyourdog头像处可以上传SVG图片检查xsspayload:https://github.com/swisskyrepo/PayloadsAllTheThings/tree/master/XSSInjection#xss-in-files使用SVG进行图片上传,发现SVG文件上传成功并返回图片地址poc:https://cfceb12f2bfd-sec875.a.barker......
  • bugbountyhunter scope BARKER:第九滴血 存储型 Storage Cross-Site Scripting XSS SVG
    登录后来到Myprofile页面,页面里存在一个EditProfile头像处可以上传SVG图片检查xsspayload:https://github.com/swisskyrepo/PayloadsAllTheThings/tree/master/XSSInjection#xss-in-files使用SVG进行图片上传,发现SVG文件上传成功并返回图片地址poc:https://cfceb12f2......
  • bugbountyhunter scope BARKER:第八滴血 存储型 Storage Cross-Site Scripting XSS SVG
    登录后来到home页面,留言中存在一个Attachimage检查xsspayload:https://github.com/swisskyrepo/PayloadsAllTheThings/tree/master/XSSInjection#xss-in-files使用SVG进行图片上传,发现SVG文件上传成功并返回图片地址poc:https://cfceb12f2bfd-sec875.a.barker-social.com......
  • 基于SpringBoot+Vue+uniapp的心理测评系统(源码+lw+部署文档+讲解等)
    文章目录前言详细视频演示具体实现截图技术栈后端框架SpringBoot前端框架Vue持久层框架MyBaitsPlus系统测试系统测试目的系统功能测试系统测试结论为什么选择我代码参考数据库参考源码获取前言......
  • 基于SpringBoot+Vue+uniapp的直播电商交流平台(源码+lw+部署文档+讲解等)
    文章目录前言详细视频演示具体实现截图技术栈后端框架SpringBoot前端框架Vue持久层框架MyBaitsPlus系统测试系统测试目的系统功能测试系统测试结论为什么选择我代码参考数据库参考源码获取前言......
  • uniapp-微信小程序实现分享给好友功能且动态页面
        uniapp全局设置分享朋友及分享到朋友圈功能,在我们没有配置微信的分享时候,微信小程序的时候可用看到,分享链接和这两个都是置灰的,如果我们想要让别人可以分享或者复制链接分享我们的小程序的话,就想要自己开发和配置。接下来分享全局实现的步骤(不需要在每个页面单......
  • 全新在线客服系统源码(pc+h5+uniapp+公众号小程序+抖音)附搭建接入教程
    全新在线客服系统源码介绍一、系统概述与优势本系统是一款基于PHP的开源在线客服系统,支持PC端、移动端(小程序)、H5页面以及Uniapp多端接入。系统利用网络技术和人工智能技术,实现用户与客服人员的即时聊天沟通,有效提升服务质量和用户满意度。系统优势包括提高服务效率、降低成本、......
  • java毕业设计基于微信小程序的鲜花销售系统Vue+uniapp技术
    文末获取资源,收藏关注不迷路文章目录前言开发意义功能介绍主要使用技术研究内容核心代码文章目录前言在当今社会,随着移动互联网技术的飞速发展和智能手机的普及,人们的消费习惯正在发生深刻的变化。微信作为中国最大的社交媒体平台之一,不仅改变了人们的沟通方式,也深......