“小白！還記得我們之前說的異步加載數(shù)據(jù)的ajax方法嗎？”

“記住了，我這里還有之前的代碼，你看看是不是這個？”

老朱：“嗯php上傳圖片代碼編輯，對了seo優(yōu)化，把昨天得到的圖片代碼通過ajax發(fā)送到上傳圖片的頁面，php頁面可以將圖片存儲在服務器上。”

小白：“可是我不懂PHP！怎么辦？”

老朱：“沒關系網(wǎng)站建設，你不需要知道php如何將圖片保存到服務器，你只需要知道如何將圖片發(fā)送到上傳圖片的php頁面->處理返回的結果。為了更好地理解這個功能，你可以看看這個php頁面的結構。

"獲取$發(fā)送的圖片編碼信息，然后將圖片保存到服務器，如果存儲成功，成功標志為1，返回圖片地址，如果存儲失敗，設置為0 。”

老朱繼續(xù)說道：“現(xiàn)在我們來嘗試和上傳圖片的頁面進行ajax通信，這個頁面和當前圖片上傳的html頁面是同一個目錄，所以php頁面名（.php）可以直接在網(wǎng)址。”

"注意數(shù)據(jù)中發(fā)送的變量參數(shù)名稱要與php頁面中POST中的名稱一致，fr.是我們昨天得到的圖片代碼，現(xiàn)在我們執(zhí)行下面的頁面，看看能不能上傳圖片?！?/p>

“返回的json數(shù)據(jù)值為1表示圖片已經(jīng)上傳到服務器?！?/p>

小白：“如果我介紹一下我們之前做的提示信息控件，通過返回的信息，可以提示用戶圖片上傳是否成功！稍等php上傳圖片代碼編輯，我在此基礎上改一下?！?/p>

老朱：“嗯，你做的不錯，圖片上傳后返回的狀態(tài)和圖片地址很重要。由于圖片上傳是異步過程，所以圖片上傳完成后，我們需要做后續(xù)根據(jù)狀態(tài)和圖片地址進行操作?！?/p>

“上傳圖片的全流程我們已經(jīng)準備好了，通過壓縮圖片上傳圖片，我們只需要在現(xiàn)在的基礎上增加處理，明天再討論這個話題，你今天先上傳整張圖片，熟悉一下自己參與這個過程?！?/p>

異步加載（小白成長之路26），提示信息控制（小白成長之路35），圖片上傳（小白成長之路48、49）繼續(xù)本節(jié)）。本節(jié)完整的js代碼如下：

想學H5的朋友可以關注老路，你們的關注是我繼續(xù)更新《小白成長之路》的動力！