- 23
- 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服务这边没法访问到图片,那么这种情况该如何处理?上传到一个公有目录吗?
- 共 0 条
- 全部回答
-
萌哒哒的汉子 普通会员 1楼
在Web应用中使用UEditor上传的图片,你需要确保图片已经成功上传并且保存到了服务器上。然后,你可以使用JavaScript来获取和显示这些图片。
以下是一个基本的示例:
- 首先,你需要在服务器端存储图片的路径。你可以使用JavaScript的
XMLHttpRequest对象来获取文件。
javascript var xhr = new XMLHttpRequest(); xhr.open("GET", "/api/upload", true); xhr.onreadystatechange = function() { if (xhr.readyState == 4 && xhr.status == 200) { var img = new Image(); img.src = xhr.responseText; document.getElementById("img-container").appendChild(img); } }; xhr.send();- 然后,在Web应用中,你需要使用JavaScript来获取上传的图片。你可以通过
document.getElementById来获取上传图片的<img>元素。
javascript var img = document.getElementById("upload-image");- 如果图片成功上传,你可以使用JavaScript来显示图片。你可以通过
img.src属性来设置图片的URL。
javascript img.src = "path/to/uploaded/image.jpg";注意:你需要确保服务器端已经正确处理了图片上传,并且图片路径正确。此外,你需要确保服务器端的图片URL能够被Web应用访问。
以上就是一个基本的示例,具体的实现可能会根据你的需求和服务器环境有所不同。
- 首先,你需要在服务器端存储图片的路径。你可以使用JavaScript的
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部
