willy800510 / logoWeb

Logo Web
0 stars 0 forks source link

userInfo.php 更換頭功能 #12

Open willy800510 opened 3 years ago

willy800510 commented 3 years ago

此處需要更換圖片的功能 不確定還需要準備什麼? 似乎是牽涉到資料庫

<div class="form-group row px-5 d-flex d-md-none flex-column align-items-center">
  <img src="images/headerIcon/usery.svg" alt="" class="w-36 mb-3">
  <label for="photoUpload" class="btn btn-outline-success col-4 col-sm-3">更換</label>
  <input type="file" class="form-control-file" id="photoUpload" style="visibility: hidden;">
</div>
joyuhuang commented 3 years ago

單純預覽目前選擇的圖片檔案的話 不需要後端和資料庫 (除非是要選完檔案就直接上傳伺服器&寫入資料庫)

userInfo.zip 我目前的作法是按"更新"後才會將所有都東西用ajax傳到後端,然後考慮到應該會須要讓使用者選擇裁切的部分,就嘗試使用了croppie.js (後端的部分 只試著處理了圖片的存檔 沒有加上資料庫的處理,成功/錯誤訊息也只是示意 沒有仔細琢磨XD)