205 lines
5.1 KiB
JavaScript
205 lines
5.1 KiB
JavaScript
// 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 () {
|
||
|
||
}
|
||
}) |