微信小程序 批量上传图片封装

前言

交流微信号:you-yu

这代码不能适用全部,大家可以根据需要去修改

小程序专门用来上传图片,已经封装好,拿来就可以用,有问题可以留言

//这里上传的图片只是jpg,大家可以自已适当修改
function Imgpload(path,dir,urls) {//path 服务器图片上传接口  //dir 服务器上面存放图片文件夹, urls 一张或多张图片 
  var that = this;
    return new Promise(function (resolve, reject) {
      var filenames = [];//上传后返回链接列表
      var temp_urls = []//本地图片和视频列表
      var ser_url = []//远程图片链接
      for(var x = 0;x < urls.length;x++){//url 传进来的本地图片列表
          if(urls[x].indexOf('https') < 0){// 判断是不是本地图片
              temp_urls.push(urls[x])//本地图片和视频列表
          }else{
              ser_url.push(urls[x])//如果是服务器上面的图片链接
          }
      }
      if(temp_urls.length === 0){
        wx.hideLoading()
        resolve(ser_url)
        return false
      }
      for (var i = 0; i < temp_urls.length; i++) {
        var arr_url = temp_urls[i].split('.')
        var filename = create_file_name(dir);//这里是图片重命名
        upload(path, filename, temp_urls[i]).then(function (res) {//返回了图片服务器地址超链 
            var filenames_len = filenames.length
            if(res.indexOf('.mp4') < 0){//只接受图片
                filenames.push(res);//上传后返回链接列表,只接受图片
                filenames_len = filenames.length
            }else{//这里是上传视频后得到的超链,我这里只写针对一个视频的,多个视频可以自已修改
                filenames_len = filenames.length+1
                app.globalData.video_url = res//单独做全局变量 这里是返回上传视频超链接
            }
            if (temp_urls.length === filenames_len) {
                wx.hideLoading()
                resolve(filenames.concat(ser_url));//前面过滤出来不用上传的链接一起合并返回 这里返回的是每一张图片上传后得到的超链地址
            }
            if(temp_urls.length === 1 && (res.indexOf('.mp4') == 0 || res.indexOf('.jpg') == 0))
            {
                resolve(filenames)
            }
        })
      }
    })
  }
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值