亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

上傳頭像,實時顯示,是怎么實現的?

上傳頭像,實時顯示,是怎么實現的?

沈流舒 2017-08-18 15:23:48
AJAX是個神奇而且牛逼的東西,前幾天我想換換我的慕課網的頭像,于是我就發現了一件事情:?用戶選擇文件 ---> 傳送到服務器?---> ?服務器管理存儲位置和存儲時間?---> ?一切就緒,將圖片地址發送給客戶端?---> ? 客戶端等待服務器返回數據?---> ?數據返回,使用data,操作DOM?---> ? 完成頭像展示,確認修改,將特定參數傳回服務器?---> ? 服務器接受到這個參數,將圖片無限期延長儲存時間,如果沒有,取消的時候,也有參數,傳回服務器,銷毀圖片;????存cookie是為了驗證圖片的名字是不是一致嗎?????【而且啊,我還發現了一件大事】、就是這個啊,同一張圖片我每次點擊選擇,將同一個文件的名字改掉,AJAX就會重新工作一遍;【我的問題是】如果讓你們來實現這種用戶點擊上傳一張圖片,立馬就顯示他本地的圖片,在不用插件的前提下,你們會如何實現?原理和基本思路,感謝!??!
查看完整描述

2 回答

已采納
?
慕妹1347366

TA貢獻1條經驗 獲得超2個贊

base64

查看完整回答
2 反對 回復 2017-08-18
?
ExiaGo

TA貢獻20條經驗 獲得超18個贊

根本就不要插件,前兩天我就做了一個這樣的,原理就是通過 input 的 file 方式,獲取文件的 src ,創建出 img ,賦值給圖片 src ,然后再用個 div 裝起來,再接著 append 到你想顯示的位置。

查看完整回答
反對 回復 2017-08-19
  • 2 回答
  • 0 關注
  • 4420 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號