IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

jQuery Discussion :

Récupération attribut input type file pour envoi vers php


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Femme Profil pro
    Étudiant
    Inscrit en
    Avril 2022
    Messages
    35
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : Suisse

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Avril 2022
    Messages : 35
    Par défaut Récupération attribut input type file pour envoi vers php
    Bonjour à tous
    Je viens demander votre afin de réaliser une opération.

    J'ai une page avec des inputs de type file et j'aimerai récupérer les fichiers sélectionnés et les envoyés vers PHP pour une insertion dans la base de donnée.

    J'utilise le code ci dessous qui marche en l'état mais j'ai besoin de récupérer également les attributs (data-num et data-onum) pour former un tableau qui sera envoyé vers PHP où le tableau sera récupéré et les données enregistrés dans la bdd.
    J'ai essayé d'ajouter les attributs au code mais ca ne marche pas et me renvoi une erreur pour donnée non Blob. Je ne sais finalement pas comment faire cette opération et je demande votre aide s'il vous plais.

    Code php : Sélectionner tout - Visualiser dans une fenêtre à part
    <input class="custom-file" data_num="1" data_onum="2" type="file" name="file[]">

    Code jquery : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    $("[type='file']").each(function(){
    	formData.append($(this).attr("name"),$(this).get(0).files[0]);
    });

    Merci pour votre aide.

    Cordialement

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    data-num ... pas d'underscore ..

    => .data('num')
    ou
    => .attrib('data-num')


    ou si tu tiens à conservet l'underscore

    .attr('data_num')
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  3. #3
    Membre averti
    Femme Profil pro
    Étudiant
    Inscrit en
    Avril 2022
    Messages
    35
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : Suisse

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Avril 2022
    Messages : 35
    Par défaut
    Merci pour ta proposition.

    J'ai essayé comme ci dessous mais j'ai l'erreur suivantes :
    Code jquery : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    $("[type='file']").each(function(){
    			formData.append($(this).data('num'),$(this).data('onum'),$(this).attr("name"),$(this).get(0).files[0]);
    		});

    L'erreur :
    Uncaught (in promise) TypeError: Failed to execute 'append' on 'FormData': parameter 2 is not of type 'Blob'.

    Merci pour ton aide

  4. #4
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    Tu as modifié le undersocre ?
    et tu appendes juste du texte ?
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  5. #5
    Membre averti
    Femme Profil pro
    Étudiant
    Inscrit en
    Avril 2022
    Messages
    35
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : Suisse

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Avril 2022
    Messages : 35
    Par défaut
    Oui j'ai modifié le underscore et j'ai ceci :
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <input class="custom-file" data-num="4" data-onum="3" type="file" name="file[]">

    Mais j'ai toujours la même erreur qui se produit

  6. #6
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Récupération name input type=file
    Par moudjahidine dans le forum Langage
    Réponses: 2
    Dernier message: 20/11/2013, 11h43
  2. Réponses: 4
    Dernier message: 31/05/2010, 20h16
  3. input type=file, récupération du chemin
    Par alexthomas dans le forum Langage
    Réponses: 5
    Dernier message: 22/11/2005, 14h02
  4. type "file" pour la balise input
    Par fa_say dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 23/09/2005, 15h13
  5. style pour le bouton dans input type file
    Par manaboko dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 09/02/2005, 14h47

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo