So laden Sie ein Bild mit Button

Question

Ich möchte eine Website erstellen, wo ich ein Bild hochladen kann. Dieses Bild wird dann auf dieser Website angezeigt und darunter ist ein Upload-Button. Wenn ich auf die Upload-Schaltfläche klicke, wird das Bild hochgeladen und die Bildansicht verschwindet. Können Sie mir dabei helfen? :)

HTML

<div class="intro-container"> 
     <section class="intro"> 

      <a class="button" href="input" >Go! 

    <label> 
     <input name="datei" 
     type="file" size="50" accept="png/jpg"> </label></a> 


     </section> 

    <div class="Upload" >  
<main> 


    <button>Upload</button> 
</main> 
    </div> 

CSS

.button { 
display: inline-block; 
padding: 30px 60px; 
text-transform: upppercase; 
border: 1px solid #b65432; 
font-size: 40px; 

input[type="file"] { 
border: 1px dotted; 
color: transparent; 
align-self: center; 
} 
} 



.button:hover { 
background: #b65432; 
color: #222; 
} 




main { 
min-height: 30em; 
padding: 3em; 
} 

Vielen Dank für Ihre Hilfe.

Answer 1

Hochladen ist nicht möglich mit HTML & CSS Sie müssen einen Server einrichten und eine serverseitige Skriptsprache wie PHP verwenden, um die Bilder hochzuladen.