Javascript：用拖放替换图像

我试图通过拖放（文件浏览器中的另一个图像）来替换图像，但我不知道如何替换。有什么想法吗

HTML

 <div id="drop-zone">
     <div class="insidzoneDropped">
         <img src="/images/folderdropped-icon.png" />
     </div>
 </div>

---

试着读前两篇文章。它们是详细的，所以你要么要学习比你需要的更多的知识，要么要过滤不必要的信息，并尝试运行和实现你需要的。第一个是关于使用拖放本身，第二个将告诉您如何处理被拖放的文件内容（这里还有一个示例，几乎可以说明您需要什么）

---

一个重要的注意事项：如果您想拖放并使图像获得本地文件的实际路径，请知道由于安全限制，这是不可能的。您可以得到的是文件的内容（除非将图像保存到服务器，否则图像将采用base64编码）。

您的代码看起来不完整（

handleDragEnter

未关闭）。您还应该更详细地描述，您想要什么行为，在您的代码中发生了什么，以及您想要更改什么。@YakovL我想替换图像，但我不知道您在某些用户操作中替换图像的明显程度。具体是什么动作？@YakovL我想把我的新图标放到我的应答器中，你想把它从哪里拖出来？

 function handleDragEnter(e) {
     e.stopPropagation();
     e.preventDefault();
     //e.dataTransfer.setData("Id",    e.target.id+"|"+e.target.parentNode.id);
 }
 function handleDrop(e) {
     e.stopPropagation();
     e.preventDefault();
 }
 var dropZone = document.getElementById('drop-zone');
 dropZone.addEventListener('dragenter', handleDragEnter, false);
 dropZone.addEventListener('drop', handleDrop, false);