问题 #1462💬 已回答提出于 2018年9月27日作者 aerionTech0 个反应

上传图片错误

快速解答作者 artf

你应该输出到你的上传端点:https://grapesjs.com/docs/modules/Assets.html#response 例如, “''js { 数据: [{src: '.../image.png'}] } ```

阅读下方完整回答 ↓

问题

我们已经把 GrapesJs 集成进了我们的 Angular 应用。 我们让资产管理器显示已上传的图片列表。起初没有图片,拖动图片后上传时,资产管理器显示的是正确的图片。

上传图片时,我们返回的对象数据属性中只有一张图片,因此这张图片会附加到已有的图片上。初始化时,我们返回的是现有图像中的对象。

问题存在于上传的图片中,编辑器中显示的是“缺失图片”的图片,但上传后并没有显示。我唯一能让上传的图片显示的方法是双击

通过资产管理器选择图片。

我附上了一个视频,展示了当前的问题及其工作原理。

编辑器中创建的 img 标签没有 src 属性,例如: <img data-gjs-type=“image” alt=“name-of-image-here.png” class=“gjs-plh-image gjs-comp-selected” onmousedown=“return false”>

![ezgif-4-1f6ead2c18](https://user-images.githubusercontent.com/6082270/46115556-e0310200-c23a-11e8-9f0f-29e12bad3ec5.gif)

回答(3)

aerionTech2018年9月27日

你好,这样有效,文档里你可能想更新文档,去掉数组的第一行,只用对象版本来表示返回数据。

{ 数据:[ 'https://.../image.png', // ... { SRC: 'https://.../image2.png', 类型:“图像”, 身高:100, 宽度:200, }, // ... ] }

artf2018年9月29日

@aerionTech对,但我打算更新上传函数,让它也能理解字符串项

相关问答

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

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

相关教程

关于同一主题的深入指南。

全部教程 →

浏览插件分类

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