今回は、H5 でファイルをアップロードするためのドラッグ アンド ドロップを実装するための注意事項 について説明します。実際のケースを見てみましょう。
私は HTML5 PC に非常に多くの関数を実装しました。私は仕事でドラッグ アンド ドロップ アップロードも使用しています。ドラッグ ターゲットでイベント (ソース要素) をトリガーします。ondragstart - ユーザーが要素のドラッグを開始したときにトリガーされます
ondrag - 要素がドラッグされているときにトリガーされます
ondragend - ユーザーが要素のドラッグを完了した後にトリガーされます
ターゲットが解放されたときにトリガーされるイベント:ondragenter - マウスでドラッグされたとき このイベントは、オブジェクトがコンテナのスコープに入ったときにトリガーされます
ondragover - このイベントは、ドラッグされたオブジェクトが別のオブジェクトのコンテナのスコープ内にドラッグされたときにトリガーされます
ondragleave - いつマウスによってドラッグされているオブジェクトがそのコンテナのスコープを離れる このイベントは
ondrop のときにトリガーされます - ドラッグプロセス中にマウスボタンが離されたときにこのイベントがトリガーされます
上記のコード
拖拽 ![]()
この関数は次のメソッドです写真を左右にドラッグして p. 無駄だと思いますが、ハルビンビールとして使用できます
以下は、バックエンド PHP が $_FILES を取得した後、開始できます
拖放上传
。この記事の事例を読んだ後は、その方法を習得したと思います。さらに興味深い情報については、他の php 中国語 Web サイト関連の記事に注目してください。
推奨読書:
H5 が制約検証 API を使用する方法 postMessage を使用してクロスドメインおよびクロスウィンドウ メッセージングを実装する方法以上がH5はファイルのドラッグ&ドロップアップロードを実現しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。