简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
ホームページ> ウェブフロントエンド> H5 チュートリアル> 本文

H5はファイルのドラッグ＆ドロップアップロードを実現します

php中世界最好的语言
リリース： 2018-03-26 14:22:29
オリジナル
1843 人が閲覧しました

今回は、H5 でファイルをアップロードするためのドラッグ アンド ドロップを実装するための注意事項 について説明します。実際のケースを見てみましょう。

私は HTML5 PC に非常に多くの関数を実装しました。私は仕事でドラッグ アンド ドロップ アップロードも使用しています。

ドラッグ ターゲットでイベント (ソース要素) をトリガーします。ondragstart - ユーザーが要素のドラッグを開始したときにトリガーされます

ondrag - 要素がドラッグされているときにトリガーされます

ondragend - ユーザーが要素のドラッグを完了した後にトリガーされます

ターゲットが解放されたときにトリガーされるイベント:ondragenter - マウスでドラッグされたとき このイベントは、オブジェクトがコンテナのスコープに入ったときにトリガーされます

ondragover - このイベントは、ドラッグされたオブジェクトが別のオブジェクトのコンテナのスコープ内にドラッグされたときにトリガーされます

ondragleave - いつマウスによってドラッグされているオブジェクトがそのコンテナのスコープを離れる このイベントは

ondrop のときにトリガーされます - ドラッグプロセス中にマウスボタンが離されたときにこのイベントがトリガーされます

上記のコード

   拖拽
ログイン後にコピー

この関数は次のメソッドです写真を左右にドラッグして p. 無駄だと思いますが、ハルビンビールとして使用できます

以下は、バックエンド PHP が $_FILES を取得した後、開始できます

    拖放上传
ログイン後にコピー

。この記事の事例を読んだ後は、その方法を習得したと思います。さらに興味深い情報については、他の php 中国語 Web サイト関連の記事に注目してください。

推奨読書:

H5 が制約検証 API を使用する方法


postMessage を使用してクロスドメインおよびクロスウィンドウ メッセージングを実装する方法

以上がH5はファイルのドラッグ＆ドロップアップロードを実現しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル：
html5 アップロード 書類
ソース：php.cn
前の記事：H5 はカルーセルのタッチ スクリーン バージョンを実装します 次の記事：H5に音声入力機能を追加
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
Javascriptを使用してHTML5の必須属性を設定するにはどうすればよいですか? JavaScriptでテキスト入力ボックスを必須としてマークしようとしています。
から 2023-10-13 08:52:25
0
2
317
正確なマウス座標を取得できない問題: ページのサイズを変更するときに HTML5 キャンバスを使用する このピクセル効果をフロントエンドの専門家に作成してもらいたいと考えています。全画面キャンバスでピクセル効果全体を実現することはできますが、 constcanvas=getEleme...
から 2023-09-12 12:20:33
0
1
280
Base64 でエンコードされた HTML5 ビデオ M3U8 HTML5 の Video タグに Base64 でエンコードされた M3U8 ファイルを追加したいのですが、どうすればよいですか
から 2023-09-09 23:07:18
0
1
247
vue.js/bootstrap: onclick イベント メソッドが呼び出されません。エラー「変数が見つかりません: updateDocument」 フロントエンド開発は初めてですが、HTML5、CSS、JavaScript については基本的に理解しています。 vue.js プロジェクトを作成し、ブートストラップと axios ...
から 2023-09-09 20:06:48
0
1
362
XHTML のイメージタグから終了スラッシュ '/' を削除する 画像を保存する文字列 txt1 があります。その値は XHTML 形式です。つまり、要素は閉じられています。ただし、HTML5 と同じようにするには、終了スラッシュを削除する必要が...
から 2023-09-06 12:15:38
0
1
240
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！