Flask - 不允许加载本地资源 - 图像问题

Question

我有以下代码为我拥有的图像生成正确的文件路径，它还在浏览器中生成的 HTML 中正确填充它们，但我的浏览器拒绝加载说，它是“不允许加载本地资源” .

这是我的代码： Python3：

@app.route("/", methods=["GET", "POST"])
def main():
    conn = sqlite3.connect('mydb.db')
    c = conn.cursor()
    
    #Defines what to do when the request is GET
    if request.method == 'GET':
        allPosts = c.execute('SELECT * FROM posts ORDER BY time DESC')
        return render_template('index.html', allPosts = allPosts)

    #Defines what to do when the request is POST
    if request.method == 'POST':
        pass

@app.route("/upload", methods=["GET", "POST"])
def upload():
    conn = sqlite3.connect('mydb.db')
    c = conn.cursor()
    #Define what to do if method is GET
    if request.method == 'GET':
        return render_template('upload.html')
#Define what to do if method is POST
    if request.method == 'POST':
        #Get the data from the form
        #image = request.files['image']
        username = request.form['username']
        title = request.form['nadpis']
        post = request.form['prispevok']
        
        #Get a random ID of post
        randomIdOfPost = random.randrange(99999999)
        
        #Get current timestamp
        actualTime = datetime.now()
        actualTimeForInsertingIntoDB = str(actualTime.day) + '.' + str(actualTime.month) + '.' + str(actualTime.year) + ' ' + str(actualTime.hour) + ':' + str(actualTime.minute) + ':' + str(actualTime.second)
        
        if 'image' not in request.files:
            flash('No image part')
            return redirect('/upload', code=302)
        image = request.files['image']
        # if user does not select file, browser also
        # submit an empty part without filename
        if image.filename == '':
            flash('No selected image')
            return redirect('/upload', code=302)
        if image and allowed_file(image.filename):
            filename = secure_filename(image.filename)
            filename = str(randomIdOfPost) + '_' + filename
            image.save(os.path.join(app.config['UPLOAD_FOLDER'], filename))
            imageName = str(filename)
        
        
        #Save the post into DB
        data = [(randomIdOfPost, actualTimeForInsertingIntoDB, username, title, post, imageName)]
        c.executemany('INSERT INTO posts VALUES (?,?,?,?,?,?)', data)
        conn.commit()
      
        return redirect('/', code=302)

HTML：

{% for row in allPosts %}
    <div class="container-fluid" align="center">
    <span class="badge badge-info">#{{ row[0] }} / Pridané dňa {{ row[1] }}<br>používateľom {{ row[2] }}</span>
    <h6>{{ row[3] }}</h6>
    <p>{{ row[4] }}</p>
    <img src="{{ url_for('static', filename='{{ row[5] }}') }}" alt="my text">
</div>
<p>&nbsp;</p>   
{% endfor %}

在我的 Python3 代码之上，我还有：

UPLOAD_FOLDER = os.getcwd() + r'\static'
ALLOWED_EXTENSIONS = {'png', 'jpg', 'jpeg', 'gif'}

app = Flask(__name__, template_folder=os.getcwd(), static_folder=os.getcwd() + r'\static')
#Set the route to the static folder (folder containing css stylesheet)
app._static_folder = os. getcwd() + "\\css"
app.config['UPLOAD_FOLDER'] = UPLOAD_FOLDER

我唯一的问题是，我的浏览器不允许我显示某人上传的图片。

非常感谢所有帮助。

编辑 1：

{% for row in allPosts %}
    <div class="container-fluid" align="center">
    <span class="badge badge-info">#{{ row[0] }} / Pridané dňa {{ row[1] }}<br>používateľom {{ row[2] }}</span>
    <h6>{{ row[3] }}</h6>
    <p>{{ row[4] }}</p>
    
    <!-- I tried both <img> tags below, none of them works.. -->
    <img src="{{ row[5] }}" alt="my text">
    <!-- <img src="{{ url_for('static', filename='{{ row[5] }}') }}" alt="my text"> -->
</div>
<p>&nbsp;</p>   
{% endfor %}

Answer 1

这个：

<img src="{{ url_for('static', filename='{{ row[5] }}') }}" alt="my text">

应该是：

<img src="{{ url_for('static', filename=row[5]) }}" alt="my text">

Answer 2

您确实需要在浏览器中查看源代码，以查看正在呈现的 img 路径。不要嵌套花括号。试试这个看看是不是路径问题：

<img src="/path/to/static/{{ row[5] }}" alt="my text">

您想取消嵌套变量，例如：

{{ url_for('static', filename=row[5]) }}