这次给大家带来JS做出文件拖拽功能，JS做出文件拖拽功能的注意事项有哪些，下面就是实战案例，一起来看一下。
1.效果图：
2.源码
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<style type="text/css">
#p1 {
width: 350px;
height: 70px;
padding: 10px;
border: 1px solid #aaaaaa;
text-align: center;
}
</style>
<script type="text/javascript">
function allowDrop(ev) {
ev.preventDefault();
}
function drop(ev) {
ev.preventDefault();
console.log(ev.dataTransfer.files);
}
</script>
</head>
<body>
<p id="p1" ondrop="drop(event)" ondragover="allowDrop(event)">将文件拖放到此处</p>
</body>
</html>相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！
推荐阅读：
使用postman+json+springmvc做出批量添加
Atas ialah kandungan terperinci JS做出文件拖拽功能. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Apakah maksud rangkaian Apple LTE?
Cara membuat penomboran dalam oracle
Pengenalan kepada penggunaan kod keseluruhan vbs
Apakah mata wang yang dimiliki oleh USDT?
Apakah fail .exe
Pengenalan kepada lokasi panel kawalan win10
Bagaimana untuk menukar antara lebar penuh dan separuh lebar
Bagaimana untuk menggunakan carian magnetik btbook
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
