する質問をすることでしか得られない、回答やアドバイスがある。5前提・実現したいことPythonのFlaskのフレームワークを用いて、QRコードを作成して、それを表示させるプログラムを作成しています。発生している問題・エラーメッセージHTMLに画像が表示されません。404エラーが出ます。Responseやsend_fileだとうまく表示されます。mimetype='image/png')#ここの記述の仕方がわかりません。404エラーが出ます。image</h2><!--ここの記述があっているかどうかわかりません。</body></html>補足情報attachmentクリップ0気になる質問をクリップするクリップした質問は、後からいつでもマイページで確認できます。クリップした質問に回答があった際、通知やメールを受け取ることができます。自分も答えを知りたい質問者以外のユーザにも役立つ評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。質問の評価を上げたことを取り消します低評価-評価を下げられる数の上限に達しました評価を下げることができません1日5回まで評価を下げられます1日に1ユーザに対して2回まで評価を下げられます質問の評価を下げるteratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。コメントをしてください。送信する質問の評価を下げる機能の利用条件この機能を利用するためには、以下の事項を行う必要があります。件sort評価が高い順sort新着順sort古い順linkcheckベストアンサー+1画像ファイルを静的に保存しないで、render_template()を使って表示する方法このようにしてみました。今回はそれを利用しました。画像名はalt属性に挿入しました。QRmakerという名前はpythonの命名規則に反するように思われるのですべて小文字にしました。評価が高い回答ほどページの上位に表示されます。remove低評価0回答の評価を下げる下記のような回答は推奨されていません。評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。08:58丁寧に大変わかりやすく解説を入れていただいたコードをご教授いただきありがとうございました。こちらでも、動作することを確認いたしました。Tkatayama様のご教授で勉強になったことをまとめてみました。他の方々にも大変参考になるものではないかと思いました。io.BytesIO()を使う・バイナリデータをbase64にエンコードする・HTML側のsrcの記述に合わせるHTMLの記述の中にdataというURLスキームがある。"data:image/png;base64,{}".format(qr_b64str)------------------------------------------ありがとうございました。丁寧に大変わかりやすく解説を入れていただいたコードをご教授いただきありがとうございました。こちらでも、動作することを確認いたしました。Tkatayama様のご教授で勉強になったことをまとめてみました。他の方々にも大変参考になるものではないかと思いました。HTMLの記述の中にdataというURLスキームがある。ありがとうございました。QRmaker(code_input)と記述されているのには違和感があります。"./static/qrcode_image/{}.png".format(ts.strftime("%Y-%m-%d_%H-%M-%S"))と書くべきです。以上の点を考慮して、提示されたソースを以下のように修正してみました。Python3.6.1-64bit)では表示されました。output_code.htmlのようになっています。評価が高い回答ほどページの上位に表示されます。remove低評価0回答の評価を下げる下記のような回答は推奨されていません。評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。23:57コードをよく見ていただき、修正してくださりありがとうございました。ご指摘の通りにコードを修正したところ、QRコードイメージをテンプレート内に当てはめて表示することができました。ご質問の箇所ですが、(qr_img.save(filename))すでに、filenameに拡張子が入っておりますので、ご指摘の通り改めて書く必要はないと思います。コメントいただいた「画像ファイル等の静的なリソースファイルはstaticディレクトリ以下におかないとルーティングできません」という基礎的なことを知らなかったので大変参考になりました。ご存知でしたら、画像ファイルを静的に保存しないで(メモリー上にのみ保存、io.BytesIO()利用)、render_template()を使って表示する方法を教えていただけるとありがたいです。Responseやsend_fileの方法の例はいくつかWebサイトに載っているのですが、テンプレートに当てはめる方法がなかなか見つけられないでいます。コードをよく見ていただき、修正してくださりありがとうございました。ご指摘の通りにコードを修正したところ、QRコードイメージをテンプレート内に当てはめて表示することができました。filenameに拡張子が入っておりますので、ご指摘の通り改めて書く必要はないと思います。コメントいただいた「画像ファイル等の静的なリソースファイルはstaticディレクトリ以下におかないとルーティングできません」という基礎的なことを知らなかったので大変参考になりました。ご存知でしたら、画像ファイルを静的に保存しないで(メモリー上にのみ保存、io.BytesIO()利用)、render_template()を使って表示する方法を教えていただけるとありがたいです。Responseやsend_fileの方法の例はいくつかWebサイトに載っているのですが、テンプレートに当てはめる方法がなかなか見つけられないでいます。かかれてある記事が、staticディレクトリの他、templatesディレクトリのことなども書いてあるので、参考になると思います。画像ファイルを静的に保存しないで、render_template()を使って表示する方法については、改めて回答させていただきましたのでご確認下さい。staticディレクトリの他、templatesディレクトリのことなども書いてあるので、参考になると思います。画像ファイルを静的に保存しないで、render_template()を使って表示する方法については、改めて回答させていただきましたのでご確認下さい。頂いたご意見への回答は行っておりません。