如何使用按钮上传图像

Question

我想建立一个网站，我可以上传图片。 此图片显示在此网站上，下面是一个上传按钮。 当我点击上传按钮时，图像将被上传，图像视图将消失。 你能帮帮我吗？ ：）

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;
 }

感谢您的帮助。

Answer 1

使用HTML＆amp; amp;您需要设置一个服务器并使用服务器端脚本语言（如PHP）来上传图像。