flask 应用：HTML未呈现图像

bksxznpy 于 2023-06-04 发布在其他

关注(0)|答案(1)|浏览(223)

我正在尝试引用本地文件系统中的映像。我不确定我是否引用正确。我见过其他源在路径之前使用'file：//'指定。

<html>
    <head>
        <title>title</title>
        <link rel="stylesheet" href="styles.css">
    </head>
   <body>
    <header>
        <nav>
            <ul>
                <li><a href="#about">About</a></li>
                <li><a href="#services">Services</a></li>
                <li><a href="#contact">Contact</a></li>
            </ul>
        </nav>
    </header>

    <header>
        <h1>Welcome to our Startup</h1>
        <p>Discover the future with us.</p>
        <a href="/about">Learn More</a>
    </header>
    <div id="image">
        <img src="/Users/myname/Flask_App/Images/Komodo_image.jpeg">
    </div>
      
   </body>
</html>

Html

来源：https://stackoverflow.com/questions/76354121/flask-application-html-isnt-rendering-image

1条答案

按热度按时间

jhkqcmku1#

使用Flask内置的静态文件服务系统，而不是系统文件路径，这可能会导致CORS错误

在应用目录中创建一个名为static的文件夹：

project root
|___ templates
|    |___ image.jpeg
|___ myapp.py

现在修改您的html，替换行

<img src="/Users/myname/Flask_App/Images/Komodo_image.jpeg">

与

<img src="{{ url_for('static', filename='image.jpeg') }}">

[未测试，但应该有效]
有关Flask和静态文件的更多信息，请参阅：https://flask.palletsprojects.com/en/2.3.x/tutorial/static/

赞(0）回复(0）举报 2023-06-04

我来回答

flask 应用：HTML未呈现图像

1条答案

相关问题

热门标签

最新问答