suchen

Heim >Web-Frontend >js-Tutorial >Verwenden Sie JS zum Ziehen und Ablegen von Dateien

Verwenden Sie JS zum Ziehen und Ablegen von Dateien

php中世界最好的语言
php中世界最好的语言Original
2018-05-11 13:39:151917Durchsuche

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!

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Anweisungen zur Verwendung globaler und lokaler Vue-KomponentenNächster Artikel：Anweisungen zur Verwendung globaler und lokaler Vue-Komponenten

In Verbindung stehende Artikel

Mehr sehen