把图片拖到画布上不会显示图片
问题
在本地服务器上运行最新版本(0.14.29)。使用示例网页预设。Ubuntu 18.04,Chromium 69。 我在拖拽图片到画布时遇到了问题。我用的是PHP后端。图片上传并添加到了资产管理器,但画布里没有显示图片,只有缺失的文件图标和上传文件名称。 我以演示页面为基础。https://grapesjs.com/demo.html 测试时,它在该文件中替换资产管理器为: 服务器上传时的响应如下: '{“data”:[{“id”:“641”,“name”:“myfile.jpg”,“type”:“image”,“src”:“\/remote\/file\/641”,“height”:“0”,“width”:0“}]}' 添加到画布上的元素看起来如下: '<img data-gjs-type=“image” alt=“myfile.jpg” class=“gjs-plh-image gjs-comp-selected” onmousedown=“return false”>' 缺少图像的src。 你知道我哪里做错了吗? 顺便说一句,如果我用演示和本地存储,拖放功能会完美,图片也能显示出来。
回答(3)
@ageir我做了一些不同的(文件上传): 以及 以及列表图片:
因为你的自定义上传文件(为什么不只用原始文件???),你就不会调用回调 https://github.com/artf/grapesjs/blob/dev/src/asset_manager/view/FileUploader.js#L105
你好@artf, 我也有同样的问题,我的配置是这样的: 这个功能还行,我实际上可以上传图片,它们会显示在资产管理器里。对于图像块,我有: 这是直接从通讯插件复制的。现在,当我拖动到画布上的图像块并双击想要的图片时,组件会被添加,但我看到的是“src: ”'',所以没有显示任何图像。有什么建议吗?
相关问答
通过相似的问题讨论继续研究。
问题 #1418
资产管理器除非上传触发,否则不会删除服务器上的文件。
在本地服务器上运行最新版本(0.14.29)。使用示例网页预设。Ubuntu 18.04,Chromium 68。 资产管理者初始化: 并扩展图片类型: all_files变量是从 php 加载的,数据和格式都正确,所有镜像都存储在服务器上。 问题是 onRemove 没有像应...
问题 #1816
删除该图片后,不允许上传同一张图片并同步位置。
Ajax 调用了 assests 文件夹中上传图片文件 从本地添加图片运行正常。 但在另一种情况下,这并不起作用。请看一看 拖拽图像块 选择一张图片 删掉那张图片 在同一个地方再次添加同一张图片,“上传文件”功能无法调用 删除图片后,它不允许我上传同一张图片和位置的图片
问题 #1593
链接中的图片在更改父“可编辑”标志时会损坏
版本:v0.14.44 繁殖步骤:拖拽“链接块”在之前的“链接块”中拖拽“图像”选择“链接块”在控制台输入: 'editor.getSelected().set('editable', false); editor.getSelected().set('editable', t...
问题 #525
Local2 存储不工作的示例
使用文档中提供的代码。https://github.com/artf/grapesjs/wiki/API-Storage-Manager 在“加”例子中。我正在尝试创造自己的存储方式。 “存储”方法运行良好,它会把内容添加到localStorage。我可以在Chrome开发工具...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
浏览插件分类
直接跳转到市场上的插件分类页面。