使用JS進行文件拖曳

這次帶給大家使用JS進行文件拖曳，使用JS進行文件拖曳的注意事項有哪些，下面就是實戰案例，一起來看一下。

1.效果圖：

2.原始碼

  <style>
    #p1 {
      width: 350px;
      height: 70px;
      padding: 10px;
      border: 1px solid #aaaaaa;
      text-align: center;
    }
  </style>
  <script>
    function allowDrop(ev) {
      ev.preventDefault();
    }
    function drop(ev) {
      ev.preventDefault();
      console.log(ev.dataTransfer.files);
    }
  </script>


<p>将文件拖放到此处</p>

相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

推薦閱讀：

vue實作搜尋清單內容

#在vue裡使用axios步驟詳解

以上是使用JS進行文件拖曳的詳細內容。更多資訊請關注PHP中文網其他相關文章！