Сохранение изображения с холста в Flask

#javascript #html #flask

#javascript #HTML #flask

Вопрос:

Кто-нибудь может помочь мне с сохранением 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
}

 

Фляжка:

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

 

Ответ №1:

Для Flask, пожалуйста, используйте file.save()

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

 

Вы можете обратиться к образцу здесь:
https://flask.palletsprojects.com/en/1.1.x/patterns/fileuploads /

Комментарии:

1. Спасибо, но, согласно официальной документации, у меня должен быть multipart/form-data and <input type=file> , который, насколько я знаю, не может быть обновлен с помощью кода