PC SOFT

DOCUMENTATION EN LIGNE
DE WINDEV, WEBDEV ET WINDEV MOBILE

  • Présentation
  • Gérer le Drag and Drop des fichiers vers un champ Upload (HTML 5)
  • Propriétés associées à un champ Upload
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaEtats et RequêtesCode Utilisateur (MCU)
WEBDEV
WindowsLinuxPHPWEBDEV - Code Navigateur
WINDEV Mobile
AndroidWidget AndroidiPhone/iPadApple WatchUniversal Windows 10 AppWindows Mobile
Autres
Procédures stockées
Présentation
Le champ Upload permet d'uploader un ou plusieurs fichiers.
Le champ Upload peut être manipulé par programmation. Il suffit d'utiliser le nom du champ de type Upload (bouton "Envoyer" ou "Ajouter").
Les fonctions WLangage Uploadxxx permettent également de manipuler un champ Upload. pour plus de détails, consultez la liste des fonctions de gestion de l'upload.
Gérer le Drag and Drop des fichiers vers un champ Upload (HTML 5)
Versions 17 et supérieures
Les navigateurs gérant HTML 5 (notamment Firefox et Chrome) permettent de gérer le Drag and Drop de fichiers vers le champ Upload.
L'onglet "Détail" de la fenêtre de description du champ Upload (bouton "Envoyer" ou "Ajouter") permet de gérer cette fonctionnalité.
Pour un champ Upload permettant d'uploader plusieurs fichiers, le champ sur lequel le Drag and Drop pourra être réalisé correspond par défaut à la liste du champ Upload.
Pour un champ Upload permettant d'uploader un seul fichier, il est conseillé de créer un libellé affichant par exemple le texte "Déposer ici le fichier à uploader", puis de sélectionner ce champ Libellé comme champ dans lequel le fichier sera déposé.
Il est également possible de modifier le champ Upload fourni par défaut :
  1. Supprimez le code d'initialisation du libellé (champ "LIB_UploadFichier").
  2. Dans l'onglet "Détail" du champ Upload, sélectionnez le libellé "LIB_UploadFichier" comme champ de dépôt.
  3. Modifiez si nécessaire le texte par défaut du libellé. Par exemple : Déposez ici un fichier ou cliquez sur "Envoyer...".
  4. Réinitialisez le libellé à la fin de l'upload dans le traitement "Après réception des fichiers uploadés" :
LIB_Upload_Fichier = "Déposez ici un fichier ou cliquez sur ""Envoyer..."""
Pour le champ Upload permettant d'uploader plusieurs fichiers proposé par défaut, le champ sur lequel le Drag and Drop pourra être réalisé correspond par défaut à la cellule du champ Upload.
Nouveauté 17
Les navigateurs gérant HTML 5 (notamment Firefox et Chrome) permettent de gérer le Drag and Drop de fichiers vers le champ Upload.
L'onglet "Détail" de la fenêtre de description du champ Upload (bouton "Envoyer" ou "Ajouter") permet de gérer cette fonctionnalité.
Pour un champ Upload permettant d'uploader plusieurs fichiers, le champ sur lequel le Drag and Drop pourra être réalisé correspond par défaut à la liste du champ Upload.
Pour un champ Upload permettant d'uploader un seul fichier, il est conseillé de créer un libellé affichant par exemple le texte "Déposer ici le fichier à uploader", puis de sélectionner ce champ Libellé comme champ dans lequel le fichier sera déposé.
Il est également possible de modifier le champ Upload fourni par défaut :
  1. Supprimez le code d'initialisation du libellé (champ "LIB_UploadFichier").
  2. Dans l'onglet "Détail" du champ Upload, sélectionnez le libellé "LIB_UploadFichier" comme champ de dépôt.
  3. Modifiez si nécessaire le texte par défaut du libellé. Par exemple : Déposez ici un fichier ou cliquez sur "Envoyer...".
  4. Réinitialisez le libellé à la fin de l'upload dans le traitement "Après réception des fichiers uploadés" :
LIB_Upload_Fichier = "Déposez ici un fichier ou cliquez sur ""Envoyer..."""
Pour le champ Upload permettant d'uploader plusieurs fichiers proposé par défaut, le champ sur lequel le Drag and Drop pourra être réalisé correspond par défaut à la cellule du champ Upload.
Les navigateurs gérant HTML 5 (notamment Firefox et Chrome) permettent de gérer le Drag and Drop de fichiers vers le champ Upload.
L'onglet "Détail" de la fenêtre de description du champ Upload (bouton "Envoyer" ou "Ajouter") permet de gérer cette fonctionnalité.
Pour un champ Upload permettant d'uploader plusieurs fichiers, le champ sur lequel le Drag and Drop pourra être réalisé correspond par défaut à la liste du champ Upload.
Pour un champ Upload permettant d'uploader un seul fichier, il est conseillé de créer un libellé affichant par exemple le texte "Déposer ici le fichier à uploader", puis de sélectionner ce champ Libellé comme champ dans lequel le fichier sera déposé.
Il est également possible de modifier le champ Upload fourni par défaut :
  1. Supprimez le code d'initialisation du libellé (champ "LIB_UploadFichier").
  2. Dans l'onglet "Détail" du champ Upload, sélectionnez le libellé "LIB_UploadFichier" comme champ de dépôt.
  3. Modifiez si nécessaire le texte par défaut du libellé. Par exemple : Déposez ici un fichier ou cliquez sur "Envoyer...".
  4. Réinitialisez le libellé à la fin de l'upload dans le traitement "Après réception des fichiers uploadés" :
LIB_Upload_Fichier = "Déposez ici un fichier ou cliquez sur ""Envoyer..."""
Pour le champ Upload permettant d'uploader plusieurs fichiers proposé par défaut, le champ sur lequel le Drag and Drop pourra être réalisé correspond par défaut à la cellule du champ Upload.
Propriétés associées à un champ Upload
Différentes propriétés WLangage sont disponibles sur le champ Upload. Les principales propriétés sont les suivantes :
MultisélectionPermet de connaître et de modifier le mode de sélection des fichiers dans un champ Upload.
Versions 15 et supérieures
NomFichierNavigateur
NomFichierNavigateur
Permet de connaître le nom original du fichier à uploader présent sur le poste de l'internaute. Cette propriété est disponible uniquement pour les champs Upload multi-fichiers.
Versions 15 et supérieures
NomFichierServeur
Nouveauté 15
NomFichierServeur
NomFichierServeur
Permet de connaître le nom du fichier uploadé présent sur le serveur. Cette propriété est disponible uniquement pour les champs Upload multi-fichiers.
OccurrencePermet de connaître le nombre de fichiers présents dans un champ Upload.
Versions 15 et supérieures
TypeFichiers
Nouveauté 15
TypeFichiers
TypeFichiers
Permet de connaître et de modifier le filtre sur les fichiers proposé dans le sélecteur de fichiers du champ Upload.
ValeurPermet de connaître et de modifier la liste des fichiers contenus dans le champ Upload.

Pour obtenir la liste complète des propriétés utilisables sur le champ Upload, consultez Liste des propriétés disponibles sur le champ Upload.
Version minimum requise
  • Version 15
Commentaires
cet exemple ne fonctionne pas...
Soit il existe une erreur dans le code, soit il manque quelque chose...
Par quel mystère ajoute-t-on la liste des fichiers dans LISTE_UploadMulti ???
Le Drag'n drop ne fonctionne pas (essais sous IE, Chrome, Firefox)...
Rien ne se passe lorsque l'on clique sur le bouton "Ajouter", et après avoir parcouru le code présent, je ne vois pas ce qui pourrait provoquer l'ouverture d'une boite de dialogue ou une fenêtre/cellule popup permettant la sélection des fichiers à ajouter...
Luigi
15 mar. 2016