如果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插入到富文本编辑器中。
请注意,这只是一个示例,具体的实现方式可能会根据你使用的后端框架和前端库而有所不同。你需要根据自己的项目需求和技术栈进行相应的调整。
上一篇:Selenium自动化测试技巧
下一篇:selenium自动化测试常用API(续)

发表评论

最新留言

哈哈,博客排版真的漂亮呢~
[***.90.31.176]2024年04月16日 01时14分35秒