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

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

發(fā)布者：admin

Tags：

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

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