解決使用layui上傳文件時(shí)提示“請求上傳接口出現異?！?/h2>

發(fā)布時(shí)間：2025-05-06 20:12:44

發(fā)布者：admin

Tags：

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

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