Heim > Artikel > Web-Frontend > Verwenden Sie JS zum Ziehen und Ablegen von Dateien
Verwenden Sie JS zum Ziehen und Ablegen von Dateien
- php中世界最好的语言Original
- 2018-05-11 13:39:151818Durchsuche
Dieses Mal werde ich Ihnen die Vorsichtsmaßnahmen zur Verwendung von JS zum Ziehen und Ablegen von Dateien vorstellen. Das Folgende ist ein praktischer Fall, schauen wir uns das an.
1. Rendering:
2. Quellcode
<%@ 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>
Ich glaube, Sie haben die Methode beherrscht, nachdem Sie den Fall in diesem Artikel gelesen haben , spannender Bitte beachten Sie andere verwandte Artikel auf der chinesischen PHP-Website!
Empfohlene Lektüre:
Vue implementiert Suchlisteninhalte
Detaillierte Erläuterung der Schritte zur Verwendung von Axios in Vue
Das obige ist der detaillierte Inhalt vonVerwenden Sie JS zum Ziehen und Ablegen von Dateien. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!