~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
結果視圖：
資料庫： 檔案夾：
1.先發送post請求給控制器
(1)先創建一個變數，獲取用戶選擇的圖片檔案
(2)構建FormData資料：
var form = new FormData();
form.append("userPicture", userPicture);
(3)使用JQuery Ajax發送FormData資料
注：檔案上傳時只能使用post提交，不能使用get提交
打開加載層：var layerIndex = layer.load();
2.控制器接收引數
注：HttpPostedFileBase： 充當類的基類，這些類提供對客戶端已上載的單獨檔案的訪問。
3.保存用戶頭像
(1)檢查存放用戶頭像的目錄是否存在
注：Exists： 確定給定路徑是否參考磁盤上的現有目錄。參考的引數就是它要測驗的路徑。如果引數參考現有目錄，則為 true；否則為 false。
CreateDirectory：在指定路徑創建所有目錄和子目錄。回傳一個物件，它表示指定路徑對應的目錄。
(2) 判斷是否上傳了圖片
(3)獲取檔案的擴展名稱
注：GetExtension： 回傳指定的路徑字串的擴展名。
(4)拼接要保存的檔案名稱(為了確保圖片檔案名稱的唯一性，方便用戶使用)
注： Guid： 表示全域唯一識別符號 (GUID)。
(5)拼接檔案保存的路徑
(6)保存上傳的檔案到硬碟
注：SaveAs：在派生類中重寫時，保存上載檔案的內容。
(7)檔案名稱保存到user物件，通過user物件保存到資料庫
結論：將保存圖片保存在userPicture檔案夾中，圖片的名稱保存在資料庫中，這樣就可以通過在資料庫里查找到的圖片名稱，找到對應的圖片路徑url，通過img標簽的src匹配對應的路徑，使圖片顯示在頁面上。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/17070.html
標籤：JavaScript
上一篇：圖片上傳保存（1）
下一篇：Linq陳述句