Python / HTML: Wie kann ich eine Datei von einem Ordner im anderen anzeigen?

Ich arbeite an einer Social Media-Webseite.

Auf meiner Profil.html würde ich gerne die hochgeladenen Bilder und Videos von den Nutzern anzeigen.

Der Ordner mit den hochgeladenen Dateien ist im "blog"-Ordner.
Meine Profil.html ist im "users"-Ordner.

Ich will, dass man die hochgeladenen Dateien auch auf der Profil.html sieht.

Um die Dateien aus "blog" anzuzeigen, schreibe ich:

<img class="image-style" src="{{ post.file.url }}">

Aber wenn ich das bei der Profile.html verwende, klappt es nicht, da die views.py verschieden sind.

Ich habe versucht:

<img class="image-style" src="{{ ../blog/post.file.url }}">

Aber es wird nur ein leeres Bild angezeigt und der Link kann nicht gefunden werden.

Was muss ich machen, damit ich eine Datei von "blog" in "users" anzeigen kann?

22.07.2023, 22:07

Die Bilder und Videos befinden sich auf einer Datenbank, können somit nicht statisch angezeigt werden.

1 Antwort

regex9

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

HTML, Webseite, CSS

22.07.2023, 22:00

Das Symbol post.file.url kennzeichnet eine Variable, die einen Pfad beinhaltet. Du kannst das Symbol nicht so behandeln, als sei es selbst ein Pfad.

Normalerweise würde man Bilder als statische Ressourcen verwalten. Das heißt, du würdest dein Bild in einer Ordnerstruktur wie dieser lagern:

myProject
  /static
    /myProject
      /profile
        /image.jpg

Das Bild wird dementsprechend auch geladen:

{% load static %}
<img alt="Some image description ..." class="image-style" src="{% static "myProject/profile/image.jpg" %}">

Mehr dazu kannst du in der Dokumentation nachlesen.

DerThielo37

Beitragsersteller

22.07.2023, 22:07

Danke für deine Antwort, aber meine Bilder/Videos befinden sich in einer Datenbank, können also nicht statisch angezeigt werden.

regex9

22.07.2023, 22:47

@DerThielo37

Schau einmal nach, welcher konkrete Wert in post.file.url steht. Diesen musst du anpassen. Wenn es sich bspw. um einen relativen Pfad wie "image.jpg" handelt, sollte eine Stringkonkatenation genügen.

{{ "../blog/" + post.file.url }}

In anderen Fällen benötigst du String-Funktionen (replace u.ä.).

Die Entscheidung, Bilder in der Datenbank zu hinterlegen, würde ich allerdings noch einmal hinterfragen. Der Zugriff über das Dateisystem ist schneller und du kannst die Dateien besser (z.B. für ein Caching oder dynamische Kompressionsalgorithmen) separieren. Es würde genügen, den Dateipfad in der Datenbank zu sichern.

Ähnliche Beiträge

flask: jinja2.exceptions.TemplateNotFound: index.html | Wie fixen?

Hallo zusammen,

nachdem ich jetzt Stunden, und zwar wirklich Stunden an nur einem, meiner Meinung nach unnötigem Problem gesessen habe, bitte ich nun um Hilfe.

Folgendes vorab: Nachdem ich die Datenbankkonfiguration ausgelagert habe, fing das Problem wieder an. Zuvor habe ich in die flask_app.py einfach folgendes eingetragen, was das Problem löste:

data = "Daten aus Python-Skript"

Ich persönlich arbeite mich ja in die Programmierung ein, habe aber das Gefühl, dass Flask irgendwie unnötig kompliziert ist. Aber das ist ja nicht wichtig.

Ich habe just for fun OpenAI mal über den Code laufen lassen: Zugegeben, ist das nicht die schlauste Option, aber nach 5 Stunden nur für diesen Code verzweifelt man doch etwas xD

Ich möchte Daten aus der Datenbank abrufen und auf der Webseite anzeigen lassen. Dazu existiert folgender Code:

Hauptverzeichnis/main.py:

from web.flask_app import app
from systm import main

if __name__ == '__main__':
    app.run(debug=True, host="0.0.0.0", port=5000)  # 5000 Standard

Hauptverzeichnis/systm/main.py:

from flask import Flask, render_template
from systm.d import create_db_connection

app = Flask(__name__)


# Datenbankverbindung initialisieren
db = create_db_connection()
cursor = db.cursor()


@app.route('/')
def display_data():
    # Hier können Sie Daten aus Ihrem Python-Skript abrufen
    cursor.execute("SELECT * FROM products")
    product_info = cursor.fetchall()

    # Diese Daten werden an die HTML-Datei übergeben
    return render_template('index.html', product_info=product_info)


# Route, um Produktinformationen anzuzeigen
@app.route('/products')
def display_products():
    # Informationen aus der Datenbank abrufen
    cursor.execute("SELECT * FROM products")
    product_info = cursor.fetchall()

    # Informationen an das HTML-Template übergeben und anzeigen
    return render_template('products.html', product_info=product_info)


if __name__ == '__main__':
    app.run(debug=True)

Hauptverzeichnis/systm/d.py:

import mysql.connector

def create_db_connection():
    db = mysql.connector.connect(
        host="",
        user="",
        password="",
        database=""
    )
    return db

Hauptverzeichnis/web/flask_app.py:

from flask import Flask, render_template
from systm.d import create_db_connection

app = Flask(__name__, template_folder='web/templates', static_folder='web/static')


# Deaktivieren des Template-Caching
app.jinja_env.auto_reload = True
app.config['TEMPLATES_AUTO_RELOAD'] = True
app.config['STATIC_AUTO_RELOAD'] = True


# Datenbankverbindung initialisieren
db = create_db_connection()
cursor = db.cursor()


@app.route('/')
def display_data():
    # Daten aus der Datenbank abrufen
    cursor.execute("SELECT * FROM products")
    product_info = cursor.fetchall()

    # Diese Daten werden an die HTML-Datei übergeben und angezeigt
    return render_template('index.html', product_info=product_info)

Hauptverzeichnis/web/templates/index.html :

<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="style/css" href="{{ url_for('static', filename='style.css') }}">
</head>
<body>
    <h1>Produktinformationen</h1>
    <table>
        <tr>
            <th>Produktname</th>
            <th>Verschlüsselungstyp</th>
            <!-- Weitere Spalten hinzufügen -->
        </tr>
        {% for product in product_info %}
        <tr>
            <td>{{ product[0] }}</td>
            <td>{{ product[1] }}</td>
            <!-- Weitere Spalten hinzufügen -->
        </tr>
        {% endfor %}
    </table>
</body>
</html>

...zum Beitrag

Website schrift ändert sich nicht?

Font face wurde verwendet.

Ich hatte vorher eine andere Schriftart installiert und ausgewählt in der css datei .

nun zeigt mir die webseite noch immer die alte schrift an, sogar dann, wenn ich die schriftart aus dem ordner entferne oder in der css datei den namen umbenenne. (dann müsste es normalerweise die standard html schrift anzeigen)

...zum Beitrag

Python Syntax Fehler beim zusammenfügen?

Ich versuche gerade einen FPS unlocker für Roblox auf Python zu schreiben, er sollte funktionieren indem er in einem bestimmten Path einen Ordner erstellt und darein eine .json Datei mit Einstellungen verschiebt. Jedoch bekomme ich an der Stelle, wo ich versuche den lokalen Nutzernamen mit dem Rest vom Path zusammenzufügen (path = "C:\Users\" + str(getuser()) + "\AppData\Local\Roblox\Versions") einen Syntax Fehler, woran könnte das Problem liegen?

...zum Beitrag

Python: Wieso geht der Code 2 Mal in die For-Schleife?

Hi,

mein Python Skript soll für jede .pdf Datei in einem Ordner einen neuen Ordner anlegen mit dem Namen der Datei. Dazu habe ich folgenden Code:

import os
import main
import glob

path = "C:/Users/d/Desktop/pdf/"

for file in glob.iglob(path + "*.pdf"):
    name = os.path.basename(file)
    filename = name.split(".")[0]
    print(filename)
    os.mkdir(path + filename)

Ich habe aktuell nur eine Datei im Ordner und dennoch bekomme ich folgendes Ergebnis:

Der Ordner ist einmal erstellt und der Fehler entsteht wohl dadurch, dass er versucht den Ordner noch einmal zu erstellen. Ich verstehe allerdings nicht, wieso der Code 2 Mal in die Schleife geht. Könnte mir das jemand erklären? Ist bestimmt irgendeine doofe Kleinigkeit.

Danke

...zum Beitrag

Wie HTML Animation die aus verschiedenen Dateien besteht einbinden?

Ich habe eine interaktive HTML Animation bekommen. Dieser Ordner besteht aus vielen verschiedenen dateien. Bilder, Videos, CSS, JS. Ich möchte diese Animation nun auf meiner Website einbinden.

Ich bin ehrlich gesagt etwas überfordert. Ich weiß wie ich HTML Code einbinde etc. Aber nicht ein Content Element welches sich aus vielen verschienden Dateien zusammensetzt.

...zum Beitrag

Python 3: FileNotFoundError?

FileNotFoundError: [WinError 2] Das System kann die angegebene Datei nicht finden: 'C:/Users/Max/Desktop/Ordner\hallo.txt'

Was ist da der Fehler in Python 3?

...zum Beitrag

Python: Wie kann ich den Ordner wechseln?

Guten Tag,

ich stehe gerade auf dem Schlauch. Ich möchte mit Python eine Datei öffnen, die sich in dem gleichen Ordner befindet wie die .py-Datei. Dort bekomme ich immer einen Fehler:

FileNotFoundError: [Errno 2] No such file or directory: 'sprichwort.txt'

Beheben kann ich das Ganze, indem ich den absoluten Pfad eingebe.

Das Problem ist, dass die Datei nicht den Ordner als Bezug nimmt, in dem die Datei liegt, sondern den Ordner drei Ebenen darüber.

Meine Frage: Wie kann ich das ändern?

PS: Dieses Problem beschränkt sich auf Visual Studio Code. Mit PyCharm gibt es kein Problem.

...zum Beitrag

Statische HTML/CSS Page aktive Seite anzeigen?

Moin,

erstmal vorweg, ich bin kein Webdev, deshalb kenne ich mich damit kaum aus.
Ist es mir möglich, wenn ich keinen Webserver habe, dass ich meine Navbar so dynamisch verwenden kann, dass sie mir anzeigt, auf welcher Seite ich mich gerade befinde?

Zurzeit baue ich die Navbar in einer eigenen HTML Datei auf und binde sie dann via iframe ein. Mir ist bewusst, dass JS das alles regeln könnte, möchte aber wie gesagt einen Webserver vermeiden, da das Endprodukt ohne laufen können soll.

Ideen? Ich möchte auch nicht auf jeder Seite wieder das ganze Inhaltsverzeichnis reinschreiben, sondern am liebsten einen Single-Point-of-Truth, also eine Navigationsdatei haben.

Danke!

...zum Beitrag

png in Python 2.7 anzeigen?

Hallo,

ich suche nach einer Möglichkeit .png Dateien in Python 2.7 anzuzeigen. Ich schreibe momentan ein Programm mit dem ich Reaktionszeiten teste und möchte dazu Bilder anzeigen lassen. Hat jemande eine Idee?
GIDF hat mir leider noch nicht weiterhelfen können.

Danke im Voraus

...zum Beitrag

Wie kann ich mein HTML zu einer Webseite machen?

Hi,

ich habe mir ein paar HTML-Kenntnisse angeeignet und habe folgende Frage:

Einmal angenommen, ich habe jetzt eine geile Webseite mit HTML, CSS und JavaScript erstellt.

Wie mach ich das jetzt zu einer wirklich echten Seite? Klar ich brauche eine Domain. Aber wie erstelle ich eine oder (die eigentliche Frage): Wie verknüpfe ich jetzt diesen Ordner, in dem die Informationen wie Bilder, Videos und einzelne Dateien sind, mit dieser Webseite (clientbasiert)?

Und wenn ich das gemacht habe: Wie mache ich z.B. ein Update, weil ich z.B. etwas am Code verändert habe?

...zum Beitrag

Python code funktioniert nicht?

Warum funktioniert das mit dem image locaten nicht. Die Error message kann ich leider nicht schicken, da sich das Programm direkt danach schließt (die error msg ist sowieso 50 Zeilen). Das Bild ist im gleichen Ordner wie die python Datei.
Danke im Voraus

...zum Beitrag

Python auf Webserver ausführen?

Ich habe auf meinem Webserver von Strato folgende Python-Dagtei hochgeladen:

#!/usr/bin/python

print "Content-type:text/html\n"
print "<h1>This is the Home Page</h1>"

Wenn ich die Datei jetz im Browser aber aufrufe, wird nur exakt der Inhalt der Datei angezeigt. Wie kann ich diese Datei ausführbar machen?

...zum Beitrag

Website-Änderungen werden nicht angezeigt wegen Browser-Cache?

Hallo zusammen,

ich habe folgendes Problem:

Ich hoste meine Website bei Ionos. Dort habe ich meine Codes (HTML, CSS, JavaScript und PHP) im Webspace abgelegt, der mit der Domain verbunden ist.

Nun habe ich an der Website Änderungen vorgenommen und z.B. eine mobile Ansicht implementiert. Ich habe die alten Code-Dateien überschrieben.

Auf der Website werden diese Änderungen aber nicht angezeigt, wenn man die Website vor kurzem bereits besucht hatte, da der Browser-Cache die alten Daten noch gespeichert hat.

Gibt es hier eine Möglichkeit, das zu verhindern und für die Nutzer direkt die neue Version anzeigen zu lassen?

Ich danke für eure Rückmeldungen :)

...zum Beitrag

CMD Dateien Kopieren?

Hallo ich möchte mit einem Autorun USB Dateien vom Stick auf den PC in gewisse Ordner Kopieren und habe aals test mal auf dem Desktop Rumgeforscht allerdings kenne ich mich nicht so gut damit aus. Kann mir hir jemand weiterhelfen:

start copy c:\Users\BVB\Desktop\lol.txt :c\Users\BVB\Desktop\test

lol.txt ist die datei und test der ordner in den es soll

...zum Beitrag

Was möchtest Du wissen?

Deine Frage stellen