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>