微信小程序(将学生信息上传到阿里云数据库)



//上传
function upload(that,id){
  if(that.data.imageList.length==0){
    return;
  }

  wx.uploadFile({
    url:"http://lichenlu.top/server/index.php/home/index/upload",
    filePath:that.data.imageList[0],
    name:'file',
    formData:{
      'id':id
    },
    success:function(res){
      var data = res.data;
      console.log(data);
      var json = JSON.parse(res.data);
      wx.showToast({
        title:json.msg,
        icon:'none',
        duration:3000
      })
    }
  })
}
Page({
  data: {
    sex:'女',
    imageList:[]
  },
  onLoad: function () {

  },
  switchChange:function(e){
    if(e.detail.value){
      this.setData({sex:'女'})
    }else{
      this.setData({ sex: '男' })
    }
  },
  getUserInfo: function(e) {
    console.log(e)
    app.globalData.userInfo = e.detail.userInfo
    this.setData({
      userInfo: e.detail.userInfo,
      hasUserInfo: true
    })
  },

  formsubmit:function(e){
    var no = e.detail.value.no;
    var name = e.detail.value.name;
    var sex = e.detail.value.sex;
    var age = e.detail.value.age;
      wx.request({
        url:"http://lichenlu.top/server/index.php/home/index/index",
        data:e.detail.value,
        method:'POST',
        data: {
          no: no,
          name: name,
          sex:sex,
          age:age

        },
        header: {
          'content-type': 'application/x-www-form-urlencoded'
        },
        success: (res)=> {
          console.log(res);

          if (res.error) {
            wx.showToast({    //延时跳转
              title: res.data.msg,
              icon: 'none',
              duration: 2000
            })
          } else {
            //上传照片
            upload(this,res.data.id);

            wx.showToast({    //延时跳转
              title: '添加成功',
              icon: 'success',
              duration: 2000,
              success: function () {
                setTimeout(function () {
                //   // wx.removeStorage({ key: 'student', })
                //   // wx.navigateBack({ delta: 1 })
                  wx.navigateTo({
                    url: '../head/head',
                  })
                }, 1000)
              }
            })
          }
        }
      })
  },

首先获取学号,姓名,性别,年龄等数据, 设置提交按钮的绑定事件formsubmit,

调用接口

url: "http://lichenlu.top/server/index.php/home/index/index"之前需要获取一些字段值

//照相
  chooseImage: function () {
    var that = this
    wx.chooseImage({
      // // sourceType: sourceType[this.data.sourceTypeIndex],
      // sizeType: sizeType[this.data.sizeTypeIndex],
      // count: this.data.count[this.data.countIndex],
      count: 1, // 默认9
      sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有
      sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有
      success: function (res) {
        console.log(res)
        that.setData({
          imageList: res.tempFilePaths
        })
      }
    })
  },
  //预览图片
  previewImage: function (e) {
    var current = e.target.dataset.src

    wx.previewImage({
      current: current,
      urls: this.data.imageList
    })
  }
})

上传uploads图片时js中要写关于预览图片的一些事件


后台接口中也要自己事先写好方法并传入阿里云服务器上写上index方法

public function index($no,$name,$sex,$age){
		$data['no'] = $no;
		$data['name'] = $name;
		$data['sex'] = $sex;
		$data['age'] = $age;
		$id = M('student')->add($data);
		if($id){
			return $this->ajaxReturn(array('error'=>false,'id'=>$id,'msg'=>'添加成功'));
		}else{
			return $this->ajaxReturn(array('error'=>true,'msg'=>'添加出错'));
		}
	}

你可能感兴趣的:(微信小程序(将学生信息上传到阿里云数据库))