将图像从 Dropzone.js 加载到 Tensorflow.js

Question

目前，我们遇到了一个问题，即我们需要允许用户将图像拖放到初始登录页面中，然后当他们按下 Identify! 按钮时，它会获取当前位于已拖放图像位置的图像并然后把它扔到模型中进行预测。

目前的问题是想办法把刚刚扔到Dropzone中的图片放到我们的模型中进行处理，然后放到我们的模型中进行预测。

let identify = document.querySelector('.identify')
if (identify) {
    identify.addEventListener('click', event => {
        event.preventDefault()
        let user_pic = document.querySelector('.dz-image').children[0].src
        ...
        const prediction = model.predict(user_pic)
        console.log('This is your prediction: ', prediction)
    })
}

正在发生的事情是控制台说： Uncaught TypeError: model.predict is not a function at HTMLDivElement.<anonymous>

这没有意义，因为我们的模板中有 CDN Tensorflow 标签，所以它应该可以正常工作。

Answer 1

你需要使用await，因为加载模型是一个异步操作

const model = await tf.loadLayersModel('model_json')