在 Flask 中保存画布中的图像

时间:2020-12-23 05:07:16

标签: javascript html flask

谁能帮我将画布保存到我的特定 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
}

烧瓶:

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

1 个答案:

答案 0 :(得分:0)

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

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

您可以在此处参考示例: https://flask.palletsprojects.com/en/1.1.x/patterns/fileuploads/

相关问题