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!
Verstümmelte Zeichen beginnend mit ^quxjg$c
So erhalten Sie die Länge eines Arrays in js
js aktuelle Seite aktualisieren
js Rundung
So öffnen Sie eine IMG-Datei
Sie benötigen die Erlaubnis des Administrators, um Änderungen an dieser Datei vorzunehmen
Welches Format hat doc?
js-Methode zum Löschen des Knotens
