简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Maison> interface Web> Tutoriel H5> le corps du texte

H5实现拖拉上传文件

php中世界最好的语言
Libérer： 2018-03-26 14:22:29
original
1844 Les gens l'ont consulté

这次给大家带来H5实现拖拉上传文件，H5实现拖拉上传文件的注意事项有哪些，下面就是实战案例，一起来看一下。

在HTML5的pc上面实现了相当多的功能，工作中也用到了拖拉上传，特地记录下该功能

在拖动目标上触发事件 (源元素):

ondragstart - 用户开始拖动元素时触发

ondrag - 元素正在拖动时触发

ondragend - 用户完成元素拖动后触发

释放目标时触发的事件:

ondragenter - 当被鼠标拖动的对象进入其容器范围内时触发此事件

ondragover - 当某被拖动的对象在另一对象容器范围内拖动时触发此事件

ondragleave - 当被鼠标拖动的对象离开其容器范围内时触发此事件

ondrop - 在一个拖动过程中，释放鼠标键时触发此事件

上代码

   拖拽
Copier après la connexion

该功能是可以将图片拖拉到左右两个p中的方法，我觉得没啥用，可以当作哈啤

下面是拖拉上传代码，后端PHP获取到$_FILES之后就可以搞起来了

    拖放上传
Copier après la connexion

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

推荐阅读：

H5如何使用约束验证API

postMessage实现跨域、跨窗口消息传递

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées：
html5 上传 文件
source：php.cn
Article précédent：H5实现触屏版的轮播器 Article suivant：H5添加语音输入功能
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
Comment définir l'attribut obligatoire de HTML5 à l'aide de Javascript ? J'essaie de marquer une zone de saisie de texte comme requis en Javascript.
Depuis 2023-10-13 08:52:25
0
2
317
Problème lié à l'obtention de coordonnées de souris précises : utilisation du canevas HTML5 lors du redimensionnement de la page Je souhaite créer cet effet de pixel à partir d'un expert front-end. Bien que je puisse ob...
Depuis 2023-09-12 12:20:33
0
1
280
Vidéo HTML5 M3U8 encodée en Base64 Je souhaite ajouter un fichier M3U8 encodé en base64 dans la balise vidéo de HTML5, commen...
Depuis 2023-09-09 23:07:18
0
1
247
vue.js/bootstrap : méthode d'événement onclick non appelée, erreur "Variable introuvable : updateDocument" Je suis nouveau dans le développement front-end mais j'ai une compréhension de base de HTM...
Depuis 2023-09-09 20:06:48
0
1
362
Supprimer la barre oblique de fermeture '/' de la balise d'image en XHTML J'ai une chaîne txt1 qui stocke une image. Sa valeur est au format XHTML, c'est à dire que...
Depuis 2023-09-06 12:15:38
0
1
240
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！