项目整体文件结构如下图
主要代码如下：
//index.js
//获取应用实例
const app = getApp()
Page({
data:{
imageUrls:[
"/images/swiper01.jpg",
"/images/swiper02.jpg",
"/images/swiper03.jpg",
],
interval: 4000,
},
//添加上传图片
chooseImageTap: function () {
var that = this;
wx.showActionSheet({
itemList: [‘从相册中选择‘, ‘拍照‘],
itemColor: "#00000",
success: function (res) {
if (!res.cancel) {
if (res.tapIndex == 0) {
that.chooseWxImage(‘album‘)
} else if (res.tapIndex == 1) {
that.chooseWxImage(‘camera‘)
}
}
}
})
},
// 图片本地路径
chooseWxImage: function (type) {
var that = this;
var imgsPaths = that.data.imgs;
wx.chooseImage({
sizeType: [‘original‘, ‘compressed‘],
sourceType: [type],
success: function (res) {
console.log(res.tempFilePaths[0]);
wx.showLoading({
title: ‘上传中,请稍等...‘,
})
that.upImgs(res.tempFilePaths[0], 0) //调用上传方法
}
})
},
//上传服务器
upImgs: function (imgurl, index) {
var that = this;
wx.uploadFile({
url: ‘https://missicau.tech:80/recognize‘,
filePath: imgurl,
name: ‘image‘,
header: {
‘content-type‘: ‘multipart/form-data‘
},
formData: null,
success: function (res) {
console.log(res) //接口返回网络路径
var jsonData = JSON.parse(res.data)
app.globalData.datas = jsonData["path"]
app.globalData.pred = jsonData["pred_count"]
wx.setStorageSync(‘app.globalData.datas‘, app.globalData.datas);
wx.setStorageSync(‘app.globalData.pred‘, app.globalData.pred)
wx.hideLoading()
wx.showLoading({
title: ‘识别成功‘,
})
setTimeout(function () {
wx.hideLoading()
}, 1000)
}
})
},
})