项目实训第三周(九)
模块整合
将饮食识别模块与用户模块整合,并将饮食识别接口提供给饮食记录模块。
与用户模块整合的方法是,将饮食识别主页面复制到用户模块主页面中,并且替换饮食识别按钮ID。
为饮食记录模块提供接口,使得flask传到HTML的图片直接作为识别的输入。
uploadPhoto: function () {
var uploadFileSrc = document.getElementById('upload').getAttribute('src')
axios({
url: '/material/uploadFile',
method: "post",
headers: {'content-type': 'application/x-www-form-urlencoded'},
data: {
file: uploadFileSrc
},
transformRequest: [function (data) {
let ret = ''
for (let it in data) {
ret += encodeURIComponent(it) + '=' + encodeURIComponent(data[it]) + '&'
}
return ret
}]
}).then(function (res) {
console.log(res.data)
if (res.data.success) {
var count = 0
var data = Object.values(res.data.data).sort()
for (var p in data) {
for (var q in res.data.data) {
if (count === 0 && data[p] === res.data.data[q]) {
document.getElementById('10_Pro').innerText = res.data.data[q].toFixed(2) + '% ' + q
count++
continue
}
if (count === 1 && data[p] === res.data.data[q]) {
document.getElementById('9_Pro').innerText = res.data.data[q].toFixed(2) + '% ' + q
count++
continue
}
if (count === 2 && data[p] === res.data.data[q]) {
document.getElementById('8_Pro').innerText = res.data.data[q].toFixed(2) + '% ' + q
count++
continue
}
if (count === 3 && data[p] === res.data.data[q]) {
document.getElementById('7_Pro').innerText = res.data.data[q].toFixed(2) + '% ' + q
count++
continue
}
if (count === 4 && data[p] === res.data.data[q]) {
document.getElementById('6_Pro').innerText = res.data.data[q].toFixed(2) + '% ' + q
count++
continue
}
if (count === 5 && data[p] === res.data.data[q]) {
document.getElementById('5_Pro').innerText = res.data.data[q].toFixed(2) + '% ' + q
count++
continue
}
if (count === 6 && data[p] === res.data.data[q]) {
document.getElementById('4_Pro').innerText = res.data.data[q].toFixed(2) + '% ' + q
count++
continue
}
if (count === 7 && data[p] === res.data.data[q]) {
document.getElementById('3_Pro').innerText = res.data.data[q].toFixed(2) + '% ' + q
count++
continue
}
if (count === 8 && data[p] === res.data.data[q]) {
document.getElementById('2_Pro').innerText = res.data.data[q].toFixed(2) + '% ' + q
count++
continue
}
if (count === 9 && data[p] === res.data.data[q]) {
document.getElementById('1_Pro').innerText = res.data.data[q].toFixed(2) + '% ' + q
count++
}
}
}
document.getElementById('loadImg').src = document.getElementById('upload').src
document.getElementById('modelResult').style.display = 'block';
}
}
)
}