How to Upload Image with Button : <p>I want to build a Website, where I can upload an image.
This image is than shown on this website and under it is an upload button.
When I click the upload button the image will be uploaded and the imageview disappears.
Can you help me with that?
:)</p>

<p>HTML</p>

<pre><code>    &lt;div class="intro-container"&gt;
        &lt;section class="intro"&gt;

            &lt;a class="button" href="input" &gt;Go!

    &lt;label&gt;
        &lt;input name="datei"
        type="file" size="50" accept="png/jpg"&gt; &lt;/label&gt;&lt;/a&gt;


        &lt;/section&gt;

    &lt;div class="Upload" &gt;       
&lt;main&gt;


    &lt;button&gt;Upload&lt;/button&gt;
&lt;/main&gt;
    &lt;/div&gt;
</code></pre>

<p>CSS</p>

<pre><code>.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;
 }
</code></pre>

<p>Thanks for your help.</p>
