Multiple Drag将多个元素拖放到canvas元素中

Question

我的项目的一部分是将多个图像从div元素拖放到画布中，图像是.svg类型，我使用库fabric.js来渲染这些图像。我面临的问题是文件不会多次掉入画布。

每个级别的警报显示，尽管拖动函数被调用了两次，但函数丢弃仅被调用一次。

以下是javascript代码的一部分：

var object = new Image();

function allowDrop(ev)
{
    ev.preventDefault();
}

function drag(ev)
{
    ev.dataTransfer.setData("Text",ev.target.id);
}

function drop(ev)
{
    ev.preventDefault();
    var data=document.getElementById(ev.dataTransfer.getData("Text")).getAttribute('src');
    object.src = data.toString();
main();

}

main（）是使用object.src捕获图像的url然后使用fabric.js库呈现的函数