PHPのプロファイルのアップロード画像

Question

.profile-pic { 
 
    position: absolute; 
 
    border-radius: 50%; 
 
    height: 150px; 
 
    width: 150px; 
 
    left: 20%; 
 
    top: 42%; 
 
    background-size: cover; 
 
    background-position: center; 
 
    background-blend-mode: multiply; 
 
    vertical-align: middle; 
 
    text-align: center; 
 
    color: transparent; 
 
    transition: all .3s ease; 
 
    text-decoration: none; 
 
    cursor: pointer; 
 
} 
 

 
.profile-pic:hover { 
 
    background-color: rgba(0,0,0,.5); 
 
    z-index: 10000; 
 
    color: #fff; 
 
    transition: all .3s ease; 
 
    text-decoration: none; 
 
} 
 
.profile-pic span { 
 
    display: inline-block; 
 
    padding-top: 4.5em; 
 
    padding-bottom: 4.5em; 
 
}

<form action="upload.php" method="POST" enctype="multipart/form-data"> 
 
    <div class="profile-pic" style="background-image: url('https://soygrowers.com/wp-content/uploads/2017/02/default_bio_600x600.jpg')"> 
 

 
     <span class="glyphicon glyphicon-camera"></span> 
 
     <span>Change Image</span> 
 
    </div> 
 
    </form>

私は、ユーザーのためのプロフィールページを作ってるんだと私はそれが開いている画像フォルダをしない、それをクリックしたときに、私は私のプロフィール画像を作りました。どんな助け？私はちょうど私が間違っていたかどうかを知りたい。私は実際に前にこのような何かをしたことはありません。

Answer 1

ファイルを選択するには、ファイル入力を含める必要があります。

<div class="profile-pic" onclick="document.getElementById('selectedFile').click();"> 
    <input type="file" id="selectedFile" style="display: none;" /> 
    <span class="glyphicon glyphicon-camera"></span> 
    <span>Change Image</span> 
</div>