小程序图片上传

  // 上传图片
  chooseImg(e) {
    var that = this;
    var imglist = this.data.form.imglist;
    if (imglist.length >= 9{

      return wx.showToast({
        title: '最多只能上传9张',
        icon: 'none',
      });
    }

    wx.chooseImage({
      // count: 1, // 默认9
      sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有
      sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有
      success: function (res) {
        // 返回选定照片的本地文件路径列表,tempFilePath可以作为img标签的src属性显示图片
        // var tempFilePaths = res.tempFilePaths;
        var imglist = that.data.form.imglist;
        var tempFilePaths = res.tempFilePaths[0]

        wx.showToast({
          title: '正在上传...',
          icon: 'loading',
          mask: true,
          duration: 2000,
          success: function (ress) {

          }
        })
        //向服务器端上传图片 
        wx.uploadFile({
          url: app.globalData.baseUrl + '?m=Index&a=upload_save',
          filePath: tempFilePaths,
          name: 'file',
          formData: {
            'img': 'img'
          },
          success: function (res) {
            let data = JSON.parse(res.data)
            console.log(data);
            //输出图片地址 
            if (data.code == 200{
              wx.showToast({
                title: '上传成功',
                icon: 'none',
              });
              imglist.push(data.url);
              that.setData({
                'form.imglist': imglist
              });

            } else {
              wx.showToast({
                title: '上传失败',
                icon: 'none',
              });
            }
          },
          fail: function (err) {
            console.log(err)
          }
        });
      }
    });
  },
免责申明:

1. 本站所有教程、文章或资源分享目的仅供大家学习和交流!
2. 如有无法查看或链接失效,麻烦请报告联系管理员处理!
3. 本站无法保证资源或其时效性,恕不接受任何提问。
4. 在本站下载的源码严禁杜绝任何形式的正式商业用途,请去程序官方购买。 所有资料均来自于网络,版权归原创者所有!本站不提供任何保证,并不承担任何法律责任,如果对您的版权或者利益造成损害,请提供相应的资质证明,我们将于3个工作日内予以删除。

学习交流联系

立即查看 了解详情