1.效果圖： 2.源碼 ...
1.效果圖：
2.源碼
<%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <style type="text/css"> #div1 { 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> <div id="div1" ondrop="drop(event)" ondragover="allowDrop(event)">將文件拖放到此處</div> </body> </html>
