Maison > interface Web > js tutoriel > Extension de téléchargement de fichiers réalisée avec jQuery

Extension de téléchargement de fichiers réalisée avec jQuery

php中世界最好的语言
Libérer: 2018-03-10 15:50:24
original
1243 Les gens l'ont consulté

Cette fois, je vous présente l'extension Téléchargement de fichiers réalisée avec jQuery Quelles sont les précautions pour utiliser jQuery pour créer l'extension de téléchargement de fichiers ? sont Voyons des cas pratiques.

Aller directement au code :

/*
*jquery.ajaxUpload.js
*/jQuery.extend({    ajaxFileUpload: function(s) {
        s = jQuery.extend({}, jQuery.ajaxSettings, s);
        s.type = "POST";        var f = new FormData();        for (var k in s.data) {
            f.append(k, s.data[k]);
        }        if (s.fileElementId) {            if (!jQuery("#" + s.fileElementId).attr("multiple")) {
                f.append(s.fileElementId, jQuery("#" + s.fileElementId).get(0).files[0]);
            } else {                var fs = jQuery("#" + s.fileElementId).get(0).files;                for (var i = 0; i < fs.length; i++) {
                    f.append(s.fileElementId + "[]", fs[i]);
                }
            }
        }
        s.processData = s.contentType = false;
        s.data = f;
        jQuery.ajax(s);
    }
});
Copier après la connexion

Mode d'emploi : Le principe du script est de traiter les données avant d'utiliser $.ajax. La méthode d'utilisation est la même que $. ajax. Il ajoute simplement fileElementId L'attribut est utilisé pour identifier l'identifiant du nœud input type="file".

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture connexe :

Un site Web utilisant nodejs pour l'introduction

Comment écrire un simulateur avec JS

Comment créer un effet de bordure de 1px sur mobile

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:
source:php.cn
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal