项目实训九（2021-07-14）

模块整合

将饮食识别模块与用户模块整合，并将饮食识别接口提供给饮食记录模块。
与用户模块整合的方法是，将饮食识别主页面复制到用户模块主页面中，并且替换饮食识别按钮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';
                            }
                        }
                    )
                }