小程序多张递归图上传-即速应用

//index.js
//获取应用实例
const app = getApp()

Page({
data: {
motto: ‘Hello World’,
userInfo: {},
userid:’-1’,
username:‘本人’,
hasUserInfo: false,
items: [ /数组中的元素是对象/
{ name: ‘早稻’, value: ‘早稻’},
{ name: ‘中稻’, value: ‘中稻’ },
{ name: ‘晚稻’, value: ‘晚稻’ },
],
lzflag:0,
passtype: [
{ value: 0, name: ‘否’ },
{ value: 1, name: ‘是’ }
],
orderno:’’,
idcard: ‘’,
mobile: ‘’,
realname: ‘’,
area_address: ‘’,
bank_name: ‘’,
bank_cardno: ‘’,
crop_name: ‘111’,
insured_areasize: 0,
direct_areasize: ‘’,
insured_amount:0,
rate_value: ‘’,
premium: ‘’,
is_landcircle: ‘否’,
premium_sum: 0,
self_premium: 0,
allowance_amount: 0,
imageurl: [],
imgData: [],
dao1: 0,
dao2: ‘’,
dao3: 0,
dao4: ‘’,
dao5: 0,
dao6: ‘’,
isShow1:false,
isShow2:false,
isShow3:false
},

//事件处理函数
bindViewTap: function() {
wx.navigateTo({
url: ‘…/logs/logs’
})
},
onLoad: function (options) {

var parameter = JSON.parse(options.parameter);this.setData({  orderno: parameter.orderno,  idcard: parameter.cardNo,  mobile: parameter.telephone,  realname: parameter.userName,  area_address: parameter.plantAddress,  bank_name: parameter.openingBank,  bank_cardno:parameter.bankNo,  rate_value: parameter.rate_value,  dao2: parameter.unit_premium,  dao4: parameter.unit_premium,  dao6: parameter.unit_premium,  insured_amount: parameter.insured_amount,  allowance_amount: parameter.allowance_amount})// this.ctx = wx.createCameraContext();// var userid = wx.getStorageSync('userInfo').userid;// if (userid) {//   this.setData({//     username: wx.getStorageSync('userInfo').username,//     userid: wx.getStorageSync('userInfo').userid//   })// } else {//   wx.navigateTo({//     url: '/pages/logn/index',//   })// }

},
getUserInfo: function(e) {
console.log(e)
app.globalData.userInfo = e.detail.userInfo
this.setData({
userInfo: e.detail.userInfo,
hasUserInfo: true
})
},
watchUsername: function (event) {
this.setData({
idcard: event.detail.value
})
},
bindPickerChange: function (e) {
console.log(e);
console.log(‘picker发送选择改变，携带值为’, e.detail.value)
if (e.detail.value==0){
// 0 否 1 是
this.setData({
is_landcircle:‘否’,
index: e.detail.value,
lzflag:0,
imgData:’’
})
} else if (e.detail.value == 1){
this.setData({
is_landcircle:‘是’,
index: e.detail.value,
lzflag: 1
})
}
},
/**

上传照片//选择图片时限制9张，如需超过9张，同理亦可参照此方法上传多张照片
/
uploadImg: function () {
var that = this;
wx.chooseImage({
count: 9,
sizeType: [‘original’, ‘compressed’],
sourceType: [‘album’, ‘camera’],
success: function (res) {
var successUp = 0; //成功
var failUp = 0; //失败
var length = res.tempFilePaths.length; //总数
var count = 0; //第几张
that.setData({
imageurl: res.tempFilePaths
})
that.uploadOneByOne(res.tempFilePaths, successUp, failUp, count, length);
},
});
},
/*
- 采用递归的方式上传多张
  */
  uploadOneByOne(imgPaths, successUp, failUp, count, length) {
  var that = this;
  wx.showLoading({
  title: ‘正在上传第’ + count + ‘张’,
  })
  wx.uploadFile({
  url: app.globalData.url + ‘UpLoad’,
  filePath: imgPaths[count],
  name: ‘file’,
  formData: {
  file: ‘file’,
  openid: app.globalData.openid,
  idcard: that.data.idcard
  },
  complete: function (e) {
  count++;//下一张
  if (count == length) {
  //上传完毕，作一下提示
  console.log(‘上传成功’ + successUp + ‘,’ + ‘失败’ + failUp);
  wx.showToast({
  title: ‘上传成功’ + successUp,
  icon: ‘success’,
  duration: 2000
  })
  } else {
  //递归调用，上传下一张
  that.uploadOneByOne(imgPaths, successUp, failUp, count, length);
  console.log(‘正在上传第’ + count + ‘张’);
  }
  },
  success(res) {
  var arr = that.data.imgData;
  arr.push(JSON.parse(res.data).data);
  that.setData({
  imgData: arr
  })
  successUp++;//成功+1
  },
  fail: function () {
  failUp++;
  }
  })
  },
  previewImage: function (e) {
  var that = this;
  var index = e.currentTarget.dataset.order;
  var imgarr = that.data.imageurl;
  debugger;
  wx.previewImage({
  current: imgarr[index],
  urls: imgarr
  })
  },
  delete: function (e) {
  var that = this;
  var index = e.currentTarget.dataset.order;
  var imgarr = that.data.imageurl;
  imgarr.splice(index, 1);
  that.setData({
  imageurl: imgarr
  })
  return false;
console.log(‘img:’, imgarr[index])
// imgarr.splice(index, 1);
// that.setData({
// imageurl: imgarr
// })
wx.showLoading({
title: ‘加载中…’,
mask: true
})
wx.request({
url: app.globalData.url + ‘Delete’,
data: {
fileid: imgarr[index].fileid,
filepath: imgarr[index].filepath
},
header: {
‘content-type’: ‘application/json’ // 默认值
},
success: function (res) {
wx.hideLoading();
if (res.data.code == 200) {
imgarr.splice(index, 1);
that.setData({
imageurl: imgarr
})
}
else {
wx.showModal({
content: res.data.msg,
showCancel: false
})
}
},
fail: function () {
wx.hideLoading();
wx.showModal({
content: ‘请求数据失败’,
showCancel: false
})
}
})
},

rate_value:function(e){
this.setData({
rate_value: e.detail.value

})

userInfo1: function(e){
this.setData({
userInfo1: e.detail.value
})
},

createInsurance: function () {
debugger;
var that = this;
that.setData({
maskFlag: false
})
wx.showLoading({
title: ‘加载中…’,
mask: false
})

var caseDate = {  orderno: that.data.orderno,  openid: app.globalData.openid,  ywyid: that.data.userid,  ywyname: that.data.username,  idcard: that.data.idcard,  mobile: that.data.mobile,  realname: that.data.realname,  area_address: that.data.area_address,  bank_name: that.data.bank_name,  bank_cardno: that.data.bank_cardno,  crop_name: that.data.crop_name,  insured_areasize: that.data.insured_areasize,  direct_areasize: that.data.direct_areasize,  insured_amount: that.data.insured_amount,  rate_value: that.data.rate_value,  premium: that.data.premium,  is_landcircle: that.data.is_landcircle,  premium_sum: that.data.premium_sum,  self_premium: that.data.self_premium,  imgData: JSON.stringify(that.data.imgData),  allowance_amount: this.data.allowance_amount,  area1 : that.data.dao1,  area2 : that.data.dao3,  area3 : that.data.dao5,}if (this.data.is_landcircle == 1 && this.data.imageurl.length == 0) {  wx.showModal({    content: '请先上传证明图片',    showCancel: false  })  return;}wx.request({  url: app.globalData.url + 'CreateInsurance',  data: caseDate,  header: {    'content-type': 'application/json' // 默认值  },  success: function (res) {    that.setData({      maskFlag: true    })    wx.hideLoading();    if (res.data.code == 200) {      wx.setStorageSync('orderno',"");      wx.showToast({        title: '操作成功',      })      setTimeout(function () {        wx.switchTab({          url: '../insurancelist/index',        })      }, 1000)    }  }});

checkChange: function (e) {
/获取的是一个数组, 包含的是选中的value的值, 如[‘早稻’, ‘中稻’], 即要传递的值/
this.setData({
crop_name: e.detail.value.join(’,’),
isShow1: false,
isShow2: false,
isShow3: false
})
/**
* 根据用户选择作物名称，展示相应模块得信息录入
*/

for (var i = 0; i e.detail.value.length; i++){
if (e.detail.value[i] === ‘早稻’){
this.setData({
isShow1:true,
})
}else if(e.detail.value[i] === ‘中稻’){
this.setData({
isShow2: true,
})
}else{
this.setData({
isShow3: true,
})
}
}

if(this.data.isShow1 == false){
this.setData({
dao1: 0
})
}else if(this.data.isShow2 == false){
this.setData({
dao3: 0
})
}else if(this.data.isShow3 == false){
this.setData({
dao5: 0
})
}

/**

当第二次选择作物品种得时候计算总面积
*/
if (this.data.isShow1 == true && this.data.isShow2 == false && this.data.isShow3 == false){
this.setData({
insured_areasize: Number(this.data.dao1).toFixed(2)
})
this.premium_sum();
} else if (this.data.isShow1 == true && this.data.isShow2 == true && this.data.isShow3 == false ){
this.setData({
insured_areasize: (Number(this.data.dao1) + Number(this.data.dao3)).toFixed(2)
})
this.premium_sum();
} else if (this.data.isShow1 == false && this.data.isShow2 == true && this.data.isShow3 == true){
this.setData({
insured_areasize: (Number(this.data.dao3) + Number(this.data.dao5)).toFixed(2)
})
this.premium_sum();
} else if (this.data.isShow1 == false && this.data.isShow2 == false && this.data.isShow3 == true ){
this.setData({
insured_areasize: Number(this.data.dao5).toFixed(2)
})
this.premium_sum();
} else if (this.data.isShow1 == false && this.data.isShow2 == true && this.data.isShow3 == false){
this.setData({
insured_areasize: Number(this.data.dao3).toFixed(2)
})
this.premium_sum();
} else if (this.data.isShow1 == true && this.data.isShow3 == true && this.data.isShow2 == false){
this.setData({
insured_areasize: (Number(this.data.dao1) + Number(this.data.dao5)).toFixed(2)
})
this.premium_sum();
} else if (this.data.isShow1 == true && this.data.isShow3 == true && this.data.isShow2 == true ){
this.setData({
insured_areasize: (Number(this.data.dao1) + Number(this.data.dao5) + Number(this.data.dao3)).toFixed(2)
})
this.premium_sum();
} else if (this.data.isShow1 == false && this.data.isShow3 == false && this.data.isShow2 == false ){
this.setData({
insured_areasize: Number(0)
})
this.premium_sum();
}
},

/**

总保费得和农户自费的费用计算
*/

premium_sum: function(){
// debugger;
var _rate_value = Number(this.data.rate_value.replace(’%’, ‘’)) / 100;
var _allowance_amount = Number(this.data.allowance_amount.replace(’%’, ‘’)) / 100;
this.setData({
premium_sum: (this.data.insured_areasize * _rate_value * Number(this.data.insured_amount)).toFixed(2),
self_premium: (this.data.insured_areasize * _rate_value * Number(this.data.insured_amount)
* (1 - _allowance_amount)).toFixed(2)
})
},

/**

验证用户输入的值只能是数字并且是两位小数

*/
regInput: function(e) {
if (/^(d?)+(.d{0,2})?$/.test(e.detail.value)) {
return e.detail.value;
} else {
return e.detail.value.substring(0, e.detail.value.length - 1);
}
},

/**

根据用户输入得单个作物投保面积，累计投保总面积
*/
dao1: function (event) {
var value = this.regInput(event);
this.setData({
dao1: value,
insured_areasize: (Number(this.data.dao3) + Number(this.data.dao5) + Number(value)).toFixed(2),
})
this.premium_sum();
},
dao3: function (event) {
var value = this.regInput(event);
this.setData({
dao3: value,
insured_areasize: (Number(this.data.dao1) + Number(this.data.dao5) + Number(value)).toFixed(2),
})
this.premium_sum();
},

dao5: function (event) {
var value = this.regInput(event);
this.setData({
dao5: value,
insured_areasize: (Number(this.data.dao1) + Number(this.data.dao3) + Number(value)).toFixed(2),
})
this.premium_sum();
},

})