javascript - 如何使用 flask 将二维 float 组从 javascript 发送到 python

Question

我正在构建一个 Web 应用程序，它允许用户在 28*28 p5 Canvas 中绘制 MNIST 样式的数字，并使用我在 Python 中构建的 CNN 对数字进行分类。我有一个函数可以将 Canvas 转换为二维 float 组。

function savedigit() {
  vals = create2DArray(w, w); //function to create a 2d array with rows and columns
  for (let i = 0; i < w; i++) {
    for (let j = 0; j < w; j++) {
      let p = Pixels[i][j];
      vals[i][j]=(round((1-p.value)*100));
    }
  }
  reset(); //resets the canvas
  return vals
}

我想将生成的二维数组发送到 flask 应用程序，以便 CNN 对其进行分类。我不知道该怎么做，因为我是 flask 的初学者，我在谷歌上找不到任何帮助。找到在 Canvas 上绘图并生成数组的程序 here

Answer 1

您正在寻找 ajax 请求:客户端向返回响应的后端发送请求。从客户端的 Angular 来看，后端只是一个黑盒子。这是一个代码来告诉你原理。您可能需要根据自己的情况进行调整。

// Browser side
(async () => {
  const rawResponse = await fetch('http://localhost:5000/api/mnist', {
    method: 'POST',
    headers: {
      'Accept': 'application/json',
      'Content-Type': 'application/json'
    },
    body: JSON.stringify(YOUR_2D_ARRAY)
  });
  const content = await rawResponse.json();

  console.log(content);
  // alert(content); // uncomment this line if you do not know how to read logs.
})();

flask 应用程序收到一个可以这样处理的 post 请求:

from flask import Flask, request

@app.route('/api/mnist', methods=['POST'])
def mnist():
    data = request.get_json()
    # you may want to convert the type here
    number_predicted = clf.predict(data)
    return number_predicted, 200