后台管理界面用UEditor上传的图片如何在web应用里显示呢?

发布于 2022-09-06 22:14:18 字数 1116 浏览 12 评论 0

用Node.js+Vue+UEditor搭了一个后台管理页面,UEditor的图片上传可以用了,UEditor编辑器里也可以正常地查看上传的图片

现在问题就是我另开一个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 客户发起上传图片请求
  if(req.query.action === 'uploadimage'){
    var img_url = '/images';
    res.ue_up(img_url);
  }
  //  客户端发起图片列表请求
  else if (req.query.action === 'listimage'){
    var dir_url = '/images'; 
    res.ue_list(dir_url);
  }
  // 客户端发起其它请求
  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服务这边没法访问到图片,那么这种情况该如何处理?上传到一个公有目录吗?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

吃素的狼 2022-09-13 22:14:18

不仅仅是上传到公有目录,而是这里生成的路径应该是绝对路径

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文