这次给大家带来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 pelayan web?
Cara mendaftar untuk Alipay korporat
js rentetan kepada tatasusunan
Bagaimana untuk mematikan pusat keselamatan windows
langbar.chm
Bagaimana untuk memadam alamat WeChat saya
Pengenalan kepada teorem Kirchhoff
Perbezaan antara flutter dan uniapp
Bagaimana untuk menyelesaikan masalah apabila suhu CPU komputer terlalu tinggi
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
