(三)上傳圖片
設定ID和點擊事件名稱,設定圖片顯示的長和高
設定圖片的格式,使它能夠通過檔案上傳進行提交的檔案型別
accept 屬性只能與 <input type="file"> 配合使用
設定圖片雙擊事件,使用jqury觸發檔案選項框的點擊事件< input type="file">
自定義用戶頭像點擊事件,查看頭像圖片資訊,根據是否存在頭像圖片資訊顯示查看/未上傳
點擊查看按鈕顯示圖片,根據點擊按鈕事件所留的圖片路徑,展開彈窗層顯示圖片資訊內容,不開啟標題,不設定關閉按鈕,可直接點擊遮罩層關閉彈窗層,
用圖片檔案的正則運算式過濾掉不可讀取檔案圖片的格式,顯示可選擇的圖片檔案,將選擇的圖片顯示到ing元素,并使用FileReader讀取圖片轉化URL,用檔案讀取onload事件,將讀取到圖片顯示到ing元素
彈窗修改的模態表單中設定顯示用戶頭像的位置和圖片路徑
保存修改用戶頭像資訊,首先獲取用戶頭像引數,使用JQuery Ajax發送FormData資料,構建FormData資料,資料提交到控制器中,要告訴JQuery不要去處理發送的資料和不要設定Content-Type請求頭
查詢之前頭像圖片資訊,查看是否上傳了圖片,設定檔案型別(Path:對包含檔案或目錄路徑資訊的 System.String 實體執行操作)(GetExtension:回傳指定的路徑字串的擴展名)接收檔案回傳路徑
獲取保存檔案的路徑和服務器部署路徑,將檔案名稱設定到用戶中,判斷之前是否存在以前圖片,需要洗掉舊的圖片資訊,為上傳圖片不做任何處理把資料庫中的圖片直接設定發哦user物件。
轉載請註明出處,本文鏈接:https://www.uj5u.com/houduan/20908.html
標籤:Java相關
上一篇:SpringCloud Alibaba Nacos 服務注冊
下一篇:JAVA 訪問權限
