在做網(wǎng)站的過(guò)程中，需要用戶(hù)上傳文件，接收文件的接口已經(jīng)寫(xiě)好（經(jīng)過(guò)測(cè)試確定可用）
現(xiàn)在需要在網(wǎng)頁(yè)上提供一個(gè)文件上傳的按鈕。由于原生input type="file"組件太丑，考慮使用現(xiàn)成的框架layui。
跑到layui官網(wǎng)上查看官方文檔進(jìn)行學(xué)習(xí)

模仿文檔開(kāi)頭的示例進(jìn)行實(shí)操，
在選擇文件上傳后，提示“請(qǐng)求上傳接口出現(xiàn)異?！?br/>解決使用layui上傳文件時(shí)提示“請(qǐng)求上傳接口出現(xiàn)異?！?br/>然后F12在瀏覽器上打開(kāi)開(kāi)發(fā)者工具，點(diǎn)進(jìn)console發(fā)現(xiàn)了一堆錯(cuò)
解決使用layui上傳文件時(shí)提示“請(qǐng)求上傳接口出現(xiàn)異常”
檢查服務(wù)器url沒(méi)有寫(xiě)錯(cuò)，接口也測(cè)試過(guò)是能用的
網(wǎng)上查了半天，并沒(méi)有發(fā)現(xiàn)解決的辦法。
后來(lái)，檢查服務(wù)器后臺(tái)發(fā)現(xiàn)文件實(shí)際上已經(jīng)上傳成功
百思不得其解之下去官網(wǎng)仔細(xì)閱讀文檔，發(fā)現(xiàn)問(wèn)題所在
解決使用layui上傳文件時(shí)提示“請(qǐng)求上傳接口出現(xiàn)異?！?br/>原來(lái)在使用layui上傳文件時(shí)，需要返回一個(gè)合法 JSON 字符，而我原來(lái)的系統(tǒng)后臺(tái)只是單純地返回“上傳成功”的字符串，所以即使是上傳成功，但是由于layui接收到了不合法的responce，處理出錯(cuò)而提示“請(qǐng)求上傳接口異?！?br/>
這也給了自己一個(gè)教訓(xùn)，在讀官方文檔的時(shí)候要讀仔細(xì)讀完整一點(diǎn)，不然容易遺漏重要信息。