后台管理界面用UEditor上传的图片如何在web应用里显示呢?
用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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
不仅仅是上传到公有目录,而是这里生成的路径应该是绝对路径