Bilder aus Server in HTML anzeigen

B

busgi

Aktives Mitglied
Hallo Leute,

ich bin gerade etwas verwirrt.

Ich habe auf meiner Webseite einen File Uploader eingebaut und der Upload der Bilder funktioniert auch soweit. Nun möchte ich,
dass das Bild, welches hochgeladen wurde automatisch in einem div container auf der Webseite angezeigt wird.

Ich habe den Upload mit node hinbekommen.

Hier mein code

Code:
server.use(upload())

server.get('/', (req, res) =>{
   res.sendFile(__dirname + '/home.html')
})

server.post('/', (req,res)=>{
  if(req.files){
    console.log(req.files)
    var file = req.files.file
    var filename = file.name
    console.log(filename)

    file.mv('./upload/' + filename, function(err){
      if(err){
        res.send(err)
      }else{
        res.send("File Uploaded")
      }
    })
  }
});

Das Bild, welches hochgeladen wurde, soll automatisch hier angezeigt werden:

Code:
<div class="wrapper">
   <h2>Your image here</h2>
</div>



Meine Tutorin,meinte, ich solle weitere REST-Routen implementieren um einen Zugriff auf das dateisystem zu erlangen (mit fs im node.js). Der Server soll es dann an den client ausliefern.
Ich komme hier einfach nicht weiter :(
 
B

busgi

Aktives Mitglied
Was darf noch an Modulen verwendet werden ? Ansonsten könnte man sich hier inspirieren lassen: https://www.w3schools.com/nodejs/nodejs_uploadfiles.asp

Es sind alle node-modules erlaubt. Frameworks wie ajax, angular,vuejs und jquery sind leider nicht erlaubt.

Danke für den link. Soweit ich es sehe, glaube ich, dass es wieder eine methode ist wie man bilder an einen server sendet umd speichert. Ich muss aber diese bilder auf der Webseite anzeigen lassen. Ich habe diverse codes mit multer probiert, ich habe auch hier geschafft die bilder auf den server zu laden, konnte es aber nicht auf der webseite bzw. Im div container anzeigen lassen.
 
kneitzel

kneitzel

Top Contributor
Wenn du da das Bild hoch lädst, dann kannst du im Server doch noch eine URL für den Download anbieten.

Dann dürfte zum Anzeigen ein img Tag mit entsprechender URL als src doch ausreichen zum anzeigen.
 
Ähnliche Java Themen
  Titel Forum Antworten Datum
krgewb Bilder übereinander HTML / CSS 1
Kirby_Sike Bilder in Banner alignen HTML / CSS 21
G Bilder speichern HTML / CSS 4
B Bilder Reihenfolge beim auslesen eines Verzeichnisses in falscher Reihenfolge HTML / CSS 4
H Bilder werden nicht alle geladen HTML / CSS 0
K Flexslider läd sehr langsam die bilder HTML / CSS 1
D HTML- Formulare an den Server senden HTML / CSS 5
B Mssql_connect () Kann keine Verbindung zum Server mit dem Remotehost vom PHP-Hosting her herstellen HTML / CSS 2
S variable ueber php in txt auf server schreiben HTML / CSS 1
F die daten nach server HTML / CSS 0
PhilipMJNE Hilfe bei HTML und CSS! HTML / CSS 12
PhilipMJNE CSS in HTML via Link einbinden PROBLEM ! HTML / CSS 22
VPChief HTML Bei bestimmter eingabe in textfeld neu HTML Seite öffnen HTML / CSS 6
B Zeit für Doppelklick messen (HTML/JS) HTML / CSS 3
M Javascript: HTML-Datei erstellen und auf Festplatte speichern HTML / CSS 8
M HTML-Code einer fremden Webseite auslesen - geht das mit Javascript HTML / CSS 19
U Html Funktion Java Funktion zuweisen HTML / CSS 2
D Daten von einer HTML Datei auf eine andere HTML Datei bekommen HTML / CSS 2
E HTML DOM HTML / CSS 1
A Nur bestimmte Zeichen in HTML input Feld erlauben (JavaScript) HTML / CSS 11
Dimax HTML bei button click Formular an php senden aber andere seite öffnnen HTML / CSS 23
Dimax Mehrere css Dateien in eine HTML Seite einbinden HTML / CSS 3
Dimax Variable vom Get Request in HTML abfangen HTML / CSS 9
A Mit Modal (Bootstrap) eine html Seite anzeigen, die von id abhängig ist HTML / CSS 0
S Quiz mit HTML/PHP erstellen HTML / CSS 3
W Keylistener Applet in Html HTML / CSS 9
S HTML Datei per E-Mail versenden HTML / CSS 3
K Html Programmieroberfläche einbinden (java) HTML / CSS 1
_Andi84 Unfertige HTML Ersetzungsfunktion HTML / CSS 1
T [JS] Extrahiere werte aus HTML Tabelle (td) aber nur bestimmten Teil HTML / CSS 5
K Verständnis von HTML/CSS & JScript HTML / CSS 2
Pataraca mit HTML auf php zugreifen HTML / CSS 1
I zugehörige HTML bzw. PHP Datei in den Entwicklertools finden HTML / CSS 3
D Hilfe bei erster Html-Aufgabe (Rahmen) HTML / CSS 6
KaffeeFan HTML Text rotieren HTML / CSS 2
K How to create Html tables for java parser objects? HTML / CSS 2
EisKaffee HTML interner Link soll neues Fenster aufmachen HTML / CSS 2
H javascript - html Beispiel LQH, verwirklichung HTML / CSS 1
I Menü, Header, Content ausgliedern aus einer HTML Seite HTML / CSS 2
G HTMl Tabellen-Zelle zeilen oder Höhe begrenzen HTML / CSS 1
O HTML/CSS doppeltes DropDown Menu HTML / CSS 1

Ähnliche Java Themen

Anzeige


Oben