Javascript 如何用图形填充流星集合并单独显示它们

我正在尝试添加一个功能，允许我在网页上拖动小图形，比如20x20px。应该有一个包含所有图标的列表，通过单击它们并双击页面背景，可以在页面上生成可拖动的副本

拖动是通过jquery ui完成的，可以正常工作。现在我想知道如何将这些图片放入收藏中

我想做的是有一个集合可以方便地显示所有可用的图标，还有一个集合可以处理正在使用的图标

以下是后者的模板：

<template name="usedIcon">
<div draggable="true" class="draggableImageDiv" id="{{_id}}" style="position:absolute;left:{{left}};top:{{top}};">
    <img src="{{imagePath}}" class="draggableImage" alt="test-image" />
</div>

这适用于设置的图像路径。但现在我打算为availableIcon类创建一个事件处理程序，该类在单击时在某个变量中设置图像路径，然后允许该变量用于在usedIcons集合中插入具有特定图像路径的新对象

为此，我需要首先将路径插入availableIcons集合

---

是否有一种方便的方法用imagePath变量填充availableIcons集合？我想在启动函数中手动执行，这不是很优雅。CollectionsFS可能比使用路径做得更好，也更优雅，但我不知道如何实现这一点。

我建议查看meteor可用的软件包。您也需要cfs:standard包，但gridfs允许您轻松地将所有图像放入一个集合中，并为它们获取URL

希望有帮助