Forum Mjukvara Programmering och digitalt skapande Tråd Inlägg

Mediaviewer - Node JS

1
Skriv svar
Permalänk
Medlem
●

Mediaviewer - Node JS

Hej

Liten generell fråga innan jag ger ut koden.

Har en Node JS Backend och den ska serva en Frontend med bilder. En sak är att få över bildens information som t.ex. Path, Datum och storlek m.m. En annan är hur man för över själva bildens data så man kan se bilden på Frontenden. Har två möjligheter för att få över bildens innehåll från servern:
1
Spara den datan du kan få som respons när du i Node kör res.sendFile() direkt i objektet på server innan du sänder allt i respons till Frontenden!

2
Göra så att du för varje bild skickar en respons med bildens innehåll till frontenden men i egen route. På Frontenden föra ihop allt i objektet för vidare hantering.

Det borde gå att fixa på server innan man sänder över, inte ant?

Har någon gjort något liknande eller tips som ta mig vidare?

Mvh Fredrik

Visa signatur

Computer: Windows 11, 64-bit, Intel 285k, MSI MEG Z890 Ace, 64GB RAM,
MSI GeForce RTX 5080 16GB Vanguard SOC Launch

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

Om frontenden bara ska visa upp bilderna så borde du kunna svara med:

{
  "images": [
    {
      "size": "123456",
      "date": "2020-12-10",
      "url": "/images/img34612.jpg"
    },
    {
      "size": "234567",
      "date": "2020-12-05",
      "url": "/images/img42785.jpg"
    }
  ]
}

Frontenden kan då visa upp storleken och datumet och stoppa url i <img src="url här">. Serva bilderna med valfri statisk filserver (till exempel nginx) eller express.static.

Redigera
Citera flera Citera
1
Skriv svar