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

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

發(fā)布者：admin

Tags：

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

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