如果insertEmbed无法获取真实图像,它将插入<img src="//:0">而不是真实网址。怎么给前端在上传后返回可访问图像
发布日期:2023-08-22 18:59:03
浏览次数:63
分类:精选文章
本文共 728 字,大约阅读时间需要 2 分钟。
如果在使用`insertEmbed`方法时,无法获取到真实的图像URL,而只能插入`<img src="//:0">`这样的占位符,那么你需要确保在上传后能够获取到可访问的图像URL,并将其传递给前端。 以下是一种可能的解决方案: 1. 在后端处理图像上传时,确保在上传成功后,将图像的访问URL返回给前端。这可以通过在上传成功的响应中包含图像URL的字段来实现。 2. 在前端接收到上传成功的响应后,获取到图像的访问URL,并将其传递给`insertEmbed`方法,以替换占位符。 以下是一个示例代码,展示了如何在前端上传图像后,获取到图像的访问URL,并使用`insertEmbed`方法插入真实的图像: script // 假设使用axios库发送图像上传请求 axios.post('/upload', formData) .then(response => { const imageUrl = response.data.imageUrl; // 假设后端返回的响应中包含图像的访问URL quill.insertEmbed(index, 'image', imageUrl); // 使用真实的图像URL替换占位符 }) .catch(error => { console.error('图像上传失败', error); }); 在这个示例中,我们使用axios库发送图像上传请求,并在成功的响应中获取到图像的访问URL。然后,我们使用`insertEmbed`方法将真实的图像URL插入到富文本编辑器中。 请注意,这只是一个示例,具体的实现方式可能会根据你使用的后端框架和前端库而有所不同。你需要根据自己的项目需求和技术栈进行相应的调整。发表评论
最新留言
哈哈,博客排版真的漂亮呢~
[***.90.31.176]2024年04月16日 01时14分35秒
关于作者
喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
牛客国庆集训派对Day5——L 数论之神(找规律/数论)
2019-04-30
CodeForces - 629B Far Relative’s Problem(模拟)
2019-04-30
CodeForces - 1059B Forgery (思维)
2019-04-30
CodeForces - 456C Boredom (dp)
2019-04-30
CodeForces - 960B Minimize the error (思维,贪心)
2019-04-30
CodeForces - 97B Superset (思维/分治/构造)
2019-04-30
CodeForces - 675A Infinite Sequence(简单数论 细节)
2019-04-30
CodeForces - 1042B Vitamins (思维)
2019-04-30
ACM 2013 长沙区域赛 Alice's Print Service (二分 思维)
2019-04-30
ACM 2013 长沙区域赛 Collision (几何)
2019-04-30
CodeForces - 1064A Make a triangle! (简单模拟)
2019-04-30
51Nod - 1183 编辑距离 (dp)
2019-04-30
ACM 2014 鞍山区域赛 E - Hatsune Miku (dp)
2019-04-30
反向传播&梯度下降 的直观理解程序(numpy)
2019-04-30
ACM 2017 南宁区域赛 Rake it in(对抗搜索)
2019-04-30