// pages/main/uploadpage/upload.js var app = getApp() // var common = require('../../../utils/whole.js') Page({ /** * 页面的初始数据 */ data: { //系统状态栏高度 statusbarheight:app.globalData.statusBarHeight, // 上传图片 imgList: [], index: null, //表单input值,用于提交成功后清空表单 formvalue:'', }, /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { }, //顶部操作栏返回 onClickBack: function(){ wx.navigateBack({ delta: 1 }) }, //图片上传选择 ChooseImage() { wx.chooseImage({ count: 1, //默认9 sizeType: ['original', 'compressed'], //可以指定原图还是压缩图,默认二者都有 sourceType: ['album','camera'], //从相册选择 success: (res) => { if (this.data.imgList.length != 0) { this.setData({ imgList: this.data.imgList.concat(res.tempFilePaths) }) } else { wx.setStorageSync('temp', res.tempFilePaths) this.setData({ imgList: res.tempFilePaths }) wx.setStorageSync('imgList', this.data.imgList) } } }); }, //图片上传预览 ViewImage(e) { wx.previewImage({ urls: this.data.imgList, current: e.currentTarget.dataset.url }); }, //图片上传删除 DelImg(e) { this.data.imgList.splice(e.currentTarget.dataset.index, 1); this.setData({ imgList: this.data.imgList }) }, //点击上传按钮操作 formSubmit: function (e){ var that = this var formData = e.detail.value //判断表单是否为空 if(formData.productname&&formData.productunitprice&&this.data.imgList[0]!=null){ wx.showModal({ title: '上传确认', content: '请检查上传信息正确无误', cancelText: '取消', confirmText: '确认', success: res => { if (res.confirm) { wx.showLoading({ title: '正在上传', }) //判断session-key是否过期 wx.checkSession({ success(){ app.globalData.isSKexpired = false wx.setStorageSync('isSKexpired', false) app.globalData.code = null wx.setStorageSync('code', null) }, fail(){ app.globalData.isSKexpired = true wx.setStorageSync('isSKexpired', true) wx.login({ success(res){ if(res.code){ app.globalData.code = res.code wx.setStorageSync('code', res.code) } } }) } }) //上传表单 wx.uploadFile({ url: 'http://106.12.78.130:8000/record/', filePath: this.data.imgList[0], name: 'productimage', formData:{ 'container_name':formData.productname, 'container_price':formData.productunitprice, 'sessionID':wx.getStorageSync('sessionID'), 'isSKexpired':JSON.stringify(wx.getStorageSync('isSKexpired')), 'code':JSON.stringify(wx.getStorageSync('code')) }, method:'POST', header:{ 'Content-Type':'multipart/form-data' }, success(res){ var result = JSON.parse(res.data) wx.hideLoading() if(result.state=='true'){ app.globalData.sessionID = result.sessionID wx.setStorageSync('sessionID', result.sessionID) wx.showToast({ title: '上传成功', icon:'success' }) //上传成功,清空表单 that.setData({ formvalue:'', imgList:[] }) } else{ wx.showToast({ title: '上传失败', icon:'error' }) } } }) } } }) } else{ wx.showModal({ title: '信息有误', content: '请检查上传信息是否完整', showCancel:false, confirmText: '确认', }) } }, /** * 生命周期函数--监听页面初次渲染完成 */ onReady: function () { }, /** * 生命周期函数--监听页面显示 */ onShow: function () { }, /** * 生命周期函数--监听页面隐藏 */ onHide: function () { }, /** * 生命周期函数--监听页面卸载 */ onUnload: function () { }, /** * 页面相关事件处理函数--监听用户下拉动作 */ onPullDownRefresh: function () { }, /** * 页面上拉触底事件的处理函数 */ onReachBottom: function () { }, /** * 用户点击右上角分享 */ onShareAppMessage: function () { } })