jQuery拖放图像但原始/源图像丢失

问题描述

即使将图像托盘中的图像拖放到第一/第二格中，也应将其放在托盘中。但是一旦将其放在第一/第二格中，它就会消失。 我希望即使拖动图像也要在托盘中显示它。 有人可以帮忙吗？

Firtst input div<div class="div1"  ondrop="drop(event)" ondragover="allowDrop(event)"></div>

<br>

second input div<div class="div1"  ondrop="drop(event)" ondragover="allowDrop(event)"></div>

Image tray<img id="drag1" src="https://www.google.com/images/srpr/logo3w.png" draggable="true" ondragstart="drag(event)" width="336" height="69">

Java脚本

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

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

function drop(ev) {
  ev.preventDefault();
  var data = ev.dataTransfer.getData("text");
  ev.target.appendChild(document.getElementById(data));
}

请找到我的作品@