Maison  >  Article  >  interface Web  >  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中世界最好的语言
php中世界最好的语言original
2018-03-10 15:50:241135parcourir

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);
    }
});

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!

Déclaration:
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