zoukankan      html  css  js  c++  java
  • 小程序 图片上传方法

    uploadimg: function () {//这里触发图片上传的方法
    let that = this;
    var pics = that.data.pics;
    app.uploadimg({
    url: app.baseUrl + 'api/PublishMessage/uploadImage',//这里是你图片上传的接口
    path: pics,//这里是选取的图片的地址数组
    resourceType: that.data.resourceType,
    resourceId: that.data.resourceId
    });
    setTimeout(function () {
    // console.log(app.globalData.complete)
    if (app.globalData.complete==true){
    that.setData({
    loadingBox: false
    })
    wx.switchTab({
    url: '../partner/partner'
    })
    }else{
    
    }
     
    },3000)
    }
    //多张图片上传
      
      uploadimg(data) {
        let that = this,
        i = data.i ? data.i : 0,//当前上传的哪张图片
        success = data.success ? data.success : 0,//上传成功的个数
        fail = data.fail ? data.fail : 0;//上传失败的个数
        wx.getStorage({
          key: "userid",
          success: function (res) {
            console.log(res.data)
            wx.uploadFile({
              url: data.url,
              filePath: data.path[i],
              name: 'file',//这里根据自己的实际情况改
              formData: {
                resourceType: data.resourceType,//  资源类型: 图片: img   视频 : video
                articleType:'youji',//   文章类型: 约伴 : yueban  游记 : youji
                resourceId: data.resourceId,//资源id: 如果发布的是约伴, 那就是发布的当前约伴信息的 信息id, 用这个 信息id 来标识是那片文章的资源
                userId: res.data,// 用户id
              },
              success: (resp) => {
                success++;//图片上传成功,图片上传成功的变量+1
                console.log(resp)
                console.log(i);
                //这里可能有BUG,失败也会执行这里,所以这里应该是后台返回过来的状态码为成功时,这里的success才+1
              },
              fail: (res) => {
                fail++;//图片上传失败,图片上传失败的变量+1
                console.log('fail:' + i + "fail:" + fail);
              },
              complete: () => {
                console.log(i);
                i++;//这个图片执行完上传后,开始上传下一张
                if (i == data.path.length) {   //当图片传完时,停止调用          
                  // console.log('执行完毕');
                  // console.log('成功:' + success + " 失败:" + fail);
                  that.globalData.complete=true
                  
                } else {//若图片还没有传完,则继续调用函数
                  console.log(i);
                  data.i = i;
                  data.success = success;
                  data.fail = fail;
                  that.uploadimg(data);
                }
                
              }
            });
          }
        })
      },
  • 相关阅读:
    Apache安装与属性配置
    Web服务及http协议
    转-httpd 2.4.4 + mysql-5.5.28 + php-5.4.13编译安装过程
    LAMP理论整理
    Rhel6-csync配置文档
    转载Eclipse中Maven WEB工程tomcat项目添加调试
    转载--eclipse git插件安装
    l连接远程桌面
    Aphache VFS
    JMS-activeMQ
  • 原文地址:https://www.cnblogs.com/dalulu/p/9216649.html
Copyright © 2011-2022 走看看