Question

我需要能够使用HTML5将图像拖放到另一个图像的顶部。有人可以帮忙吗？

我找到的所有内容都是关于如何将图像拖放到div而不是其他图像的教程。

Answer 1

    <!DOCTYPE HTML>
  <html>
  <head>
  <script>
  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));
   }
  </script>
 </head>
 <body>

 <div id="div1" ondrop="drop(event)"
  ondragover="allowDrop(event)"></div>

 <img id="drag1" src="img_logo.gif" draggable="true"
 ondragstart="drag(event)" width="336" height="69">

   </body>
   </html>

Answer 2

现在回答可能太晚了，但是这里有一个解决方案，以防万一，他给出了一个巧妙的窍门，并链接了一个jsfiddle： Drag and Drop from image onto another image

如何将图像拖放到另一个图像HTML5的顶部

2 个答案: