首页 > 编程语言 >微信小程序upload多张图片同时上传

微信小程序upload多张图片同时上传

时间:2023-06-01 10:46:23浏览次数:33  
标签:files 微信 多张 upload data res 上传 tempFilePaths 图片

//上传图片,选择图片
    chooseImage: function(e) {
      var that = this;
      wx.chooseImage({
        sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有
        sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有
        success: function(res) {
          const tempFilePaths = res.tempFilePaths;
          // 返回选定照片的本地文件路径列表,tempFilePath可以作为img标签的src属性显示图片
          // that.files = that.files.concat(res.tempFilePaths);
          wx.showLoading({
            title: '正在上传...',
            icon: 'loading',
            // mask: true,
            duration: 10000
          });
          //循环实现多张图片一起上传
          for (var i = 0; i < tempFilePaths.length;i++){
            var filePath = tempFilePaths[i];
            wx.uploadFile({
            //这里把图片上传地址写上真实的
               url: 'https://localhost:1234/api/WorkOrder/UploadFiles',
              filePath: filePath,
              name: 'files',
              header: {
                'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8',
                Authorization: store.state.token || ''
              },
              //上传图片所需参数写在这里
              formData: {
                token: that.token,
                dealerid: 123,
              },
              success(res) {
              //上传成功后,返回的线上图片地址渲染图片列表
                const data = JSON.parse(res.data);
                that.files = that.files.concat(data.data);
                console.log(data,that.files,that.files.length,'data------------------');
              },
              complete:()=>{
                wx.hideLoading()
              }
            });
          }
        }
      });
    },

  

标签:files,微信,多张,upload,data,res,上传,tempFilePaths,图片
From: https://www.cnblogs.com/xieling2100/p/17448248.html

相关文章

  • 微信点赞测试点__肖sir__测试点整理
    微信点赞测试点功能:是否可以正常点赞,点赞完成以后是否会提示,多次点赞是否会多次提示性能:点赞完成以后是否快速提示点赞,点赞多了不会卡顿界面:该支付的功能界面是否按照UI原型图进行设计,字体的大小,颜色,布局是否一致,界面是否美观易用:点击点赞可以迅速点赞安全:陌生人是否可以点......
  • “此间有书”微信小程序效果图展示
    由于上传时微信官方那边不给通过,说什么涉及到图书版权信息,明明我这个估计到这一点都没有展示图书内容(哭泣)小程序分为四个模块:广场、书城、发现、我的。广场模块就是每日推荐,有句子、音乐、电影推荐(纯属个人爱好页面)书城模块就是搜索书籍、查看书籍、然后收藏书籍、短评书籍......
  • 微信小程序使用ec-canvas真机上tooltip有阴影
    问题微信小程序项目中,使用了ec-canvas绘制图表,在开发者工具中预览正常,但是在真机上点击图表tooltip会出现一层阴影,如下图所示:修改后解决之后探索到解决方案,代码如下:tooltip:{trigger:'axis',textStyle:{align:'left',textShadowBlur:10,//重点......
  • uniapp onShareAppMessage里面请求后调分享(微信小程序)
    onShareAppMessage(){constpromise=newPromise(resolve=>{request({api:'请求名',method:'POST',data:{"data":{}}}).then(res=>{resolve({......
  • Python 发送微信消息
    Python发送微信消息安装pipinstallitchat1、基本使用#使用微信接口给微信好友发送消息,importitchatnickname="迪丽热巴"send_message="测试消息"try:#1.自动登录方法,hotReload=True可以缓存,不用每次都登录,但是第一次执行时会出现一个二维码,需要......
  • 华纳娱乐公司在线客服电话18488108816(微信同步)
    华纳娱乐公司在线客服电话18488108816(微信同步)华纳娱乐公司在线客服电话18488108816(微信同步)华纳娱乐公司在线客服电话18488108816(微信同步)华纳娱乐公司在线客服电话18488108816(微信同步)华纳娱乐公司在线客服电话18488108816(微信同步)华纳娱乐公司在线客服电话18488108816(微信同步)......
  • 如何截取电影画面转换成gif动图做微信表情包
    现在越来越多的GIF动态图片了,层出不穷的在更新,就像在QQ、微信里聊天,都会看到很多不同的好笑有趣的GIF图片,那么除了网上别人制作的GIF图片,我们自己也能够制作。截取电影或电视剧某几秒画面转换成GIF动图,然后发到微信上,做成微信表情包,就可以随时随地分享给好友了。由于表情包一般......
  • 24万QQ伤感签名微信签名ACCESS\EXCEL数据库
    再在越来越多的地方不但需要昵称,同时也可以设置昵称下面的个人签名,官方叫“个性签名”。百度百科的解释是:是指你在某个论坛(BBS)注册之后,就可以设置自己的签名了,即在你的每个帖子底部显示的文字,有些象便签抬头。由于每个网友所写的文字都不同,有格言、有谚语、有调侃语句等等,也有......
  • 微信小程序 WXSS模板样式,全局和页面配置,网络请求
    【黑马程序员前端微信小程序开发教程,微信小程序从基础到发布全流程_企业级商城实战(含uni-app项目多端部署)】https://www.bilibili.com/video/BV1834y1676P/?p=26&share_source=copy_web&vd_source=03c1dc52eeb3747825ecad0412c18ab1WXSS模板样式1.什么是WXSSWXSS(WeiXin......
  • 2023-05-30 前端h5页面如何实现调起微信支付功能(该回答来自chatgpt,实际效果未测试)
    前端H5页面调起微信支付功能需要结合微信JS-SDK和后端接口实现。以下是基本步骤和示例代码:1.获取微信公众号的appid和secret在微信公众平台上创建一个公众号,获取其对应的appid和secret。2.引入微信JS-SDK将微信JS-SDK的链接放入HTML文件的头部,例如:<scriptsrc="https://res.......