鍍金池/ 問答/Linux  HTML/ 后臺管理界面用UEditor上傳的圖片如何在web應用里顯示呢?

后臺管理界面用UEditor上傳的圖片如何在web應用里顯示呢?

用Node.js+Vue+UEditor搭了一個后臺管理頁面,UEditor的圖片上傳可以用了,UEditor編輯器里也可以正常地查看上傳的圖片

現(xiàn)在問題就是我另開一個web服務,獲取UEditor編輯的頁面內容時無法獲取到圖片

后臺管理服務的相關代碼

var ueditor = require("ueditor"); //用的是https://github.com/netpi/ueditor
app.use(express.static(path.join(__dirname, 'public')));
app.use("/ueditor/ue", ueditor(path.join(__dirname, 'public'), function(req, res, next) {
  // ueditor 客戶發(fā)起上傳圖片請求
  if(req.query.action === 'uploadimage'){
    var img_url = '/images';
    res.ue_up(img_url);
  }
  //  客戶端發(fā)起圖片列表請求
  else if (req.query.action === 'listimage'){
    var dir_url = '/images'; 
    res.ue_list(dir_url);
  }
  // 客戶端發(fā)起其它請求
  else {
    res.setHeader('Content-Type', 'application/json');
    res.redirect('/ueditor/config.json')
}}));

UEditor的編輯內容:

<p>
    <img src="/images/apple.jpg" alt="apple.jpg"/>
</p>

web服務的log

GET /images/apple.jpg?noCache=jff6r41n 404 0.949 ms - 1422

我想應該是圖片上傳到了后臺管理服務的public目錄里了,所以web服務這邊沒法訪問到圖片,那么這種情況該如何處理?上傳到一個公有目錄嗎?

回答
編輯回答
別硬撐

不僅僅是上傳到公有目錄,而是這里生成的路徑應該是絕對路徑

2017年11月13日 07:11