从AM删除画布/LS中的图片

Question

我用资源管理器上传图片，资源管理器会把图片存储在服务器上。我选择要插入画布的图片，它会把它存储在LocalStorage里。太好了！

现在我删除了那张图片。它会从服务器和资产管理器中移除。太棒了！

我刷新了页面。

由于该图片被用于画布，因此没有从画布中删除，因此画布中缺少了该图像。打开AM时也显示缺失的图像，因为它试图从LS加载。如果我对原因有误，请纠正我。

我在想解决办法可能是，当我们从AM中移除图片时，它也应该从画布和LS中移除它。我该怎么做？

顺便说一句，我确实有一个函数，可以用下面的代码调用从AM移除图片的功能，也许我应该加点什么？

const am = 编辑。资产管理公司;
am.addType（'image'， {
	浏览量：{
		onRemove（e） {
...

artf · Accepted Answer

好吧......@kickbk这就是为什么我要求在创建新问题时提供所有信息，所以请下次一定要说明

顺便说一句，这些是不同的组件，试试这个： 'Wrapper.find（'[data-gjs-type=mj-image][src=“....”]'）'

artf · Answer

我觉得解决办法可能是，当我们从AM中移除图片时，它也应该从画布和LS中移除它。 好吧，但这种逻辑完全取决于你自己，绝对不应该在核心里加入请注意，我确实运行了一个函数，可以用下面的代码调用 AM 中移除图片的功能，也许我应该加点什么？ 没错，一旦 ajax 调用完成，你就移除组件 “''js am.addType（'image'， { 浏览量：{ onRemove（e） { const src = this.model.get（'src'）; const wrapper = this.em.get（'DomComponents'）.getWrapper（）; ... deleteOnServer（...）。then（res => { if（res.isDeleted） { wrapper.find（'img[src=“${src}”]'）.forEach（component => { component.collection.remove（component）; 刚意识到我们没有 component.remove 方法...... 我会在下次发布时添加它 }); } }) ```

kickbk · Answer

当我做 wrapper.find（'img[src=“${src}”]'） 时，我得到的是空数组。事实上，我在 wrapper.find（'img'） 上也会出现空数组。 我正在拿包装纸，但里面似乎没有任何图片。我们是不是查询错了元素？

从AM删除画布/LS中的图片

问题

回答（3）

相关问答

加载资产管理器，但资产不工作

如何只为特定的图像组件启用功能，而不是全部

自定义组件在块中用作 HTML

Resize Image上的一个错误

与此问题匹配的付费插件

相关教程

🚀 Introducing GrapesJS Email Blocky: The Ultimate Email Block Library for GrapesJS

浏览插件分类