javascript - 在 Flask 中保存 Canvas 中的图像

Question

谁能帮我将 Canvas 保存到我的特定 Flask 文件夹中？我使用 canvas.toDataURL() 检索图像，但不知道如何上传它

HTML:

{% block main %}
    <form action="/draw" method="post">
    <canvas id="canvas" style="border-style: solid;" width = "400" height = "400" ></canvas><hr>
    <button type="button" id="startsave">Save</button>

JS:

window.addEventListener('load', () => {
    document.getElementById('startsave').addEventListener('click', startsave);
});

function startsave() {
   var ref = canvas.toDataURL("image/png");
   var img = document.createElement("img");
   img.setAttribute("src", ref);
   img.setAttribute("name", "image");
   // TODO
}

flask :

@app.route("/draw", methods=["GET", "POST"])
@login_required
def draw():
    if request.method == "GET":
        return render_template("/draw.html")
    else:
     #TODO

Answer 1

对于 Flask，请使用 file.save()

file.save(os.path.join(app.config['UPLOAD_FOLDER'], filename))

您可以引用这里的示例: https://flask.palletsprojects.com/en/1.1.x/patterns/fileuploads/