PageKit — 可自托管的 GrapesJS 建站工具,附完整源码。 获取抢先体验

问题 #2910💬 已回答提出于 2020年7月21日作者 SintoDema0 个反应

资产管理处理中的问题

快速解答作者 artf

“上传 : siteURL+'assets/CONTENT/img”,这是图片上传路径还是上传图片的功能? 图片上传路径如果我用的是 AmazonS3,能不能在 CORS 问题下获得编辑选项? 如果你试图直接从浏览器上传到 S3(没有端点作为代理),你是做不到的(这也是 CORS 存在的原因)。所以,把文件发送到你的端点,然后你可以用后端脚本做任何你想做的事如何在资产管理器中显示上传的图片而不让图片以后消失? 从你的存储加载它们,并通过API添加到资产管理器

阅读下方完整回答 ↓

问题

你好,@artf, 我现在正在做我们应用中的 grapesJS 实现。我已经查看了提供的文档和一些关于资产管理公司(https://github.com/artf/grapesjs/issues/216)的问题。在硬刷新列表消失后,我无法在资产管理中显示上传的图片列表。 我尝试上传到AmazonS3,上传没问题,也收到了回复,而且列表里显示了。这次因为CORS问题,我无法编辑图片。 后来我尝试用base64编码的图片。用这种方法,我能编辑上传的图片。图片列表里也显示了。正如我之前说的,图片列表只能在硬刷新前使用。我觉得是缓存里的。 我对一些代码有疑问,你能帮我解决吗? 以下是 assetManager 区代码: 我对以下情况持怀疑态度:'upload : siteURL+'assets/CONTENT/img',这是图片上传路径还是上传图片的功能?如果我用的是 AmazonS3,能不能在没有 CORS 问题的情况下获得编辑选项?如何在资产管理器中显示上传的图片而不让图片消失? 谢谢。

回答(3)

artf• 2020年8月5日

“上传 : siteURL+'assets/CONTENT/img”,这是图片上传路径还是上传图片的功能?

图片上传路径

如果我用的是 AmazonS3,能不能在 CORS 问题下获得编辑选项?

如果你试图直接从浏览器上传到 S3(没有端点作为代理),你是做不到的(这也是 CORS 存在的原因)。所以,把文件发送到你的端点,然后你可以用后端脚本做任何你想做的事

如何在资产管理器中显示上传的图片而不让图片以后消失?

从你的存储加载它们,并通过API添加到资产管理器

SintoDema• 2020年8月5日

你好@artf, 谢谢你的回复。如果你试图直接从浏览器上传到 S3(没有端点作为代理),你就做不到(这也是 CORS 存在的原因)。所以,把文件发送到你的端点,然后你可以在后端脚本里做任何你想做的事。 我正在将文件从资产管理器上传到一个临时文件夹,然后我们会把它迁移到亚马逊S3。文件上传在亚马逊S3上运行良好,并且在资产管理器中显示,但CORS显示在我们编辑该图片的时间。 正如你在我的代码中看到的(console.log()是在我尝试添加到Asset之前添加的),这个回复让我很受不了。 我这样做是添加图片到Asset的正确方式吗?如果没问题,那为什么编辑图片时还显示 CORS(图片 URL...

相关问答

通过相似的问题讨论继续研究。

问题 #1441

把图片拖到画布上不会显示图片

在本地服务器上运行最新版本(0.14.29)。使用示例网页预设。Ubuntu 18.04,Chromium 69。 我在拖拽图片到画布时遇到了问题。我用的是PHP后端。图片上传并添加到了资产管理器,但画布里没有显示图片,只有缺失的文件图标和上传文件名称。 我以演示页面为基础。h...

3 个回答更新于 2019年11月29日

问题 #393

两个小细节

嗨,@artf @arthuralmeidap @sonnylloyd @cmcintosh @daniel-farina 非常感谢你开发了这样一个很棒的框架。 我尝试实现了 grapesjs 预设通讯中几乎所有的功能。 只是需要帮忙解决这两件小事: 1)我能够上传并加载图片到...

3 个回答更新于 2019年9月18日

问题 #5320

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

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器? Chrome v114 可复制演示链接 没有 描述一下那个虫子 如何复现这个漏洞?我用的是[grapesjs-react](https://www.npmjs.com/package/g...

4 个回答更新于 2023年8月25日

问题 #3405

专长:在块状物落入画布前,需要挂钩的事件

警告 请阅读并遵循接下来的三步,然后在发布问题前删除它们遵守贡献指南 https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.md先快速搜索一下,看看有没有人没开同样的问题所有相关陈述/问题都必须填写/回答,否则问题可...

4 个回答更新于 2021年5月4日

与此问题匹配的付费插件

根据问题关键词和标签相关性精选,助你更快交付。

查看全部插件

正在加载付费插件推荐……

免费方案

在以下平台查看开源 GrapesJS 插件: GitHub 或在我们的免费目录中快速搜索。

浏览免费插件 →
高级方案

高级插件提供支持、定期更新和生产就绪的功能——为你节省数天的集成工作。

浏览高级插件 →

浏览插件分类

直接跳转到市场上的插件分类页面。