做個小項目，用到了ueditor，其中需要在ueditor中上傳圖片。

問題癥狀：

點擊上傳圖片的按鈕后選擇圖片，上傳到了目的文件夾，但是顯示不了，f12查看也是404.后來發覺顯示圖片時路徑不對。

解決方案：

翻看官網文檔，找到了個博客：http://popozhu.github.io/2014/07/03/ueditor%E5%9B%BE%E7%89%87%E4%B8%8A%E4%BC%A0%E8%B7%AF%E5%BE%84%E9%85%8D%E7%BD%AE/?說的還蠻詳細。找了下原因，我的錯誤在于上傳路徑沒問題，ueditor會按照ueditor/jsp/config.json中的對圖片的路徑配置來操作,關鍵點在于上傳的位置和訪問圖片時的位置:

?1 "imageUrlPrefix": "", /* 圖片訪問路徑前綴 */

2 "imagePathFormat": "/ueditor/jsp/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}",?

設定上傳路徑和圖片訪問路徑。上傳路徑雖然沒有，但是ueditor會自動檢測，沒有就創建，因此文件正常上傳。

設定圖片訪問路徑時圖片前綴由于少了項目名稱，因此表現為locallhost:8080/ueditor/jsp/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}.

通過修改"imageUrlPrefix": "/myProject/"，添加了我的項目名稱后，圖片可以正常顯示。

轉載于:https://www.cnblogs.com/luckyflower/p/4209459.html

總結

以上是生活随笔為你收集整理的ueditor使用-图片上传正常，图片显示异常404的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。