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 :

[Upload] Envoi de fichiers avec ajax et jquery [AJAX]


Sujet :

jQuery

  1. #1
    Membre éclairé
    Profil pro
    Expert technique
    Inscrit en
    Septembre 2003
    Messages
    328
    Détails du profil
    Informations personnelles :
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Expert technique

    Informations forums :
    Inscription : Septembre 2003
    Messages : 328
    Par défaut [Upload] Envoi de fichiers avec ajax et jquery
    Bonjour,

    Je suis en train de remplacer mes formulaires d'envoi de fichiers actuels de mon application (envoi direct à des scripts php)
    par des envois au travers d'ajax et de jquery. J'envoi 2 types de fichiers: .pdf et .swf

    J'ai lu plein de choses sur le net, des tutos etc. J'ai donc codé ma fonction d'envoi et elle fonctionne, mais que pour le PDF.
    Impossible d'envoyer un .swf. Quand je me mets en debug sur mon php, il ne trouve pas le filename. Donc à mon sens le fichier n'est pas envoyé
    par l'ajax. Voilà mon code:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    var appData = new FormData($(this)[0]);
     
          $.ajax({
            type: "POST",
            url: "/actions.php",
            data: appData,
            enctype: 'multipart/form-data',
            processData: false,
            contentType: false,
            dataType: "json",
            async: false,
            success: function (data) {
              if (data.return == "success") {
                location.reload()
              } else {
                $(".error").text("Can not perform the upload action:" + JSON.stringify(data))
                $('div.block').unblock()
              }
            },
            error: function (data) {
              $(".error").text("Can not perform the upload action:" + JSON.stringify(data))
              $('div.block').unblock()
            }
          })
    Avez-vous une idée ?

  2. #2
    Rédacteur

    Avatar de danielhagnoul
    Homme Profil pro
    Étudiant perpétuel
    Inscrit en
    Février 2009
    Messages
    6 389
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant perpétuel
    Secteur : Enseignement

    Informations forums :
    Inscription : Février 2009
    Messages : 6 389
    Billets dans le blog
    125
    Par défaut
    Une petite recherche avec Google m'a donné des résultats intéressants, mais pas gratuits.

    Exemple : Real Ajax Uploader, la version 3 à une option pour flash.

    En gratuit, le plus intéressant semble être (je n'ai pas testé) : uploadif, téléchargement de la version Flash.

    Blog

    Sans l'analyse et la conception, la programmation est l'art d'ajouter des bogues à un fichier texte vide.
    (Louis Srygley : Without requirements or design, programming is the art of adding bugs to an empty text file.)

  3. #3
    Membre éclairé
    Profil pro
    Expert technique
    Inscrit en
    Septembre 2003
    Messages
    328
    Détails du profil
    Informations personnelles :
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Expert technique

    Informations forums :
    Inscription : Septembre 2003
    Messages : 328
    Par défaut
    En fait je ne cherche pas un plugin ayant une interface en flash. J'essayais juste d'envoyer un fichier swf au travers d'un formulaire d'upload traité en jquery + Ajax

    J'ai fait quelques recherches et mon codé était bon. Le problème était juste sur la taille du fichier qui était trop gros.

    Merci quand même d'avoir iris du temps.

  4. #4
    Expert confirmé

    Homme Profil pro
    Développeur Web
    Inscrit en
    Septembre 2010
    Messages
    5 415
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Puy de Dôme (Auvergne)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Septembre 2010
    Messages : 5 415
    Par défaut
    Salut,

    Faudrait vérifier les configurations "post_max_size" et "upload_max_filesize" du serveur et les augmenter en conséquence. Après si ta liaison internet n'est pas suffisamment rapide et que tu télécharges des gros fichiers tu peux aussi te heurter à un problème de timeout du serveur.

    Pour surpasser ces problèmes sans besoin de modifier la configuration du serveur tu peux utiliser ce module d'upload ajax.

    Tu pourras choisir de faire afficher les informations en temps réel que tu veux (temps restant, progression graphique etc.) et il y a la possibilité de reprendre un upload interrompu en utilisant la partie du fichier automatiquement sauvegardée durant l'upload. Des exemples prêts à l'emploi sont fournis dans le dossier en téléchargement. Suffit de dézipper le dossier, le poser sur ton serveur et de tester les exemples. Tu gagneras beaucoup de temps par rapport au temps qu'il faudrait pour développer les fonctionnalités disponibles. Il y a différents niveaux de personnalisation possibles ce qui le rend utilisable pour les débutants mais aussi pour des besoins avancés (par exemple pour faire des crop d'image avant l'upload etc.). Bref c'est une base de travail assez souple

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

Discussions similaires

  1. [1.x] upload fichier avec ajax
    Par adnen07 dans le forum Symfony
    Réponses: 4
    Dernier message: 27/03/2012, 00h08
  2. [1.x] upload de fichiers multiple avec AJAX ou jQuery
    Par CobraSA dans le forum Symfony
    Réponses: 6
    Dernier message: 21/01/2011, 15h52
  3. [AJAX] Appel de fichier avec Ajax et jQuery
    Par Floco dans le forum AJAX
    Réponses: 14
    Dernier message: 09/04/2010, 23h43
  4. Upload des fichier avec AJAX
    Par Pedro Varela dans le forum ASP.NET
    Réponses: 6
    Dernier message: 23/01/2007, 07h52
  5. [AJAX] upload fichiers avec AJAX
    Par jibouze dans le forum Général JavaScript
    Réponses: 8
    Dernier message: 08/12/2005, 21h04

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