在 Flask 中保存画布中的图像答案

【问题标题】：Save image from canvas in Flask在 Flask 中保存画布中的图像
【发布时间】：2020-12-23 05:07:16
【问题描述】：

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

【问题讨论】：

标签： javascript html flask

【解决方案1】：

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

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

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

【讨论】：

谢谢，不过按照官方文档，我应该有multipart/form-data和<input type=file>，据我所知，不能通过代码更新