從前端上傳圖像並將其顯示在用戶的個人資料頁面上

Question

在我的網站上，我讓注冊會員創建多個個人資料，每個個人資料都有自己的頭像。

在“創建個人資料”頁面上，我有此輸入來提交化身...

...並將其顯示在“個人資料”頁面上：

如何重新創建圖片，如何從“創建配置文件”上傳一幅圖片並顯示在“圖片”頁面上？

我知道每個頁面的源文件在哪里，但是很遺憾，我無法重新創建它。

謝謝。

Answer 1

您需要3個步驟來上傳圖像文件，存儲圖像並將其發送給前端用戶。

• 如果您的應用程序是SPA，並且您不想在用戶瀏覽器中重新加載頁面，則需要一個JS進程來從文件按鈕讀取文件並將其發送到服務器（通過AJAX作為FormData對象用於例）

• 然后，您的服務器應該能夠處理formdata對象請求並從中讀取文件內容。 完成后，您必須將其保存在安全的服務器端位置。

• 最后（再次使用SPA），您的服務器應能夠在客戶要求時回答圖片數據

  • 當客戶端詢問時，服務器應能夠提供頭像的URL（例如，帶有Restful API ）
  • 當客戶端使用圖像的url時，服務器應能夠授予對圖像的訪問權限