上传图片或资源在文件/图片选择时没有触发

快速解答作者 iamuddeshya

我也遇到同样的问题

问题

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器？ Chrome v114 可复制演示链接没有描述一下那个虫子如何复现这个漏洞？我用的是[grapesjs-react]（https://www.npmjs.com/package/grapesjs-react），并且用 assetManager我的配置长这样附言：我确实有一个能用的终端，已经测试过了。现在进入浏览器中的编辑器添加图像从系统中选择图像则不发送上传请求预期的行为是什么？预期是它应该触发请求并将资产上传到给定的网址目前的行为是什么？它没有上传，而是把 base64 图片放到 DOM 里行为准则 [X] 我同意遵守本项目的行为准则

回答（4）

iamuddeshya• 2023年8月18日

我也遇到同样的问题

deepanshu-ht• 2023年8月18日

++ 1

artf• 2023年8月25日

刚试了同样的配置，一切正常。

可能和你的Grapesjs版本或者“grapesjs-react”本身有关。

如果你无法用最新版本的GrapesJS提供可复现的演示，请避免制造BUG问题。

我也强烈建议切换到[官方的GrapesJS React包装器]（https://github.com/GrapesJS/react），它也允许你为编辑器实现完全声明式的自定义UI。

GJS Helper• 2026年5月17日

你遇到的问题是，GrapesJS资产管理器没有触发上传请求，而是插入了base64图片，通常表明assetManager配置，特别是upload URL，在初始化时没有正确传递给GrapesJS编辑器实例。当upload属性缺失或无效时，GrapesJS默认将图片嵌入为base64数据URL。鉴于你使用的是grapesjs-react，最常见的陷阱是GrapesJS选项的结构化，包括assetManager配置，如何传递给GjsEditor组件。根本原因 GrapesJS编辑器期望assetManager配置是一个直接嵌套在主options对象下方的对象，传递给GrapesJS.init...

在 GitHub 上查看完整讨论 →