Heim Web-Frontend js-Tutorial Mit jQuery erstellte Datei-Upload-Erweiterung

Mit jQuery erstellte Datei-Upload-Erweiterung

Mar 10, 2018 pm 03:50 PM
jquery 扩展 文件

Dieses Mal bringe ich Ihnen die mit jQuery erstellte Datei-Upload. Was sind die Vorsichtsmaßnahmen für die Verwendung von jQuery, um die Datei-Upload-Erweiterung zu erstellen? Werfen wir einen Blick auf praktische Fälle.

Gehe direkt zum 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);
    }
});
Nach dem Login kopieren

Gebrauchsanweisung: Das Prinzip des Skripts besteht darin, die Daten vor der Verwendung von $.ajax zu verarbeiten. Die Verwendungsmethode ist die gleiche wie bei $. Ajax. Es fügt lediglich fileElementId hinzu. Das Attribut wird verwendet, um die ID des Eingabetyps="file"-Knotens zu identifizieren.

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Verwandte Lektüre:

Eine Website, die NodeJS zur Einführung verwendet

Wie man einen Simulator mit JS schreibt

So erstellen Sie einen 1-Pixel-Randeffekt auf Mobilgeräten

Das obige ist der detaillierte Inhalt vonMit jQuery erstellte Datei-Upload-Erweiterung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße Artikel -Tags

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Wie übertrage ich Dateien von Quark Cloud Disk auf Baidu Cloud Disk? Wie übertrage ich Dateien von Quark Cloud Disk auf Baidu Cloud Disk? Mar 14, 2024 pm 02:07 PM

Wie übertrage ich Dateien von Quark Cloud Disk auf Baidu Cloud Disk?

Was tun, wenn der Fehlercode 0x80004005 angezeigt wird? Der Editor zeigt Ihnen, wie Sie den Fehlercode 0x80004005 beheben können. Was tun, wenn der Fehlercode 0x80004005 angezeigt wird? Der Editor zeigt Ihnen, wie Sie den Fehlercode 0x80004005 beheben können. Mar 21, 2024 pm 09:17 PM

Was tun, wenn der Fehlercode 0x80004005 angezeigt wird? Der Editor zeigt Ihnen, wie Sie den Fehlercode 0x80004005 beheben können.

Was ist die Datei hiberfil.sys? Kann hiberfil.sys gelöscht werden? Was ist die Datei hiberfil.sys? Kann hiberfil.sys gelöscht werden? Mar 15, 2024 am 09:49 AM

Was ist die Datei hiberfil.sys? Kann hiberfil.sys gelöscht werden?

Erweiterungen und Drittanbietermodule für PHP-Funktionen Erweiterungen und Drittanbietermodule für PHP-Funktionen Apr 13, 2024 pm 02:12 PM

Erweiterungen und Drittanbietermodule für PHP-Funktionen

Detaillierte Erklärung des Protokollanzeigebefehls im Linux-System! Detaillierte Erklärung des Protokollanzeigebefehls im Linux-System! Mar 06, 2024 pm 03:55 PM

Detaillierte Erklärung des Protokollanzeigebefehls im Linux-System!

Ausführliche Erläuterung der Rolle von .ibd-Dateien in MySQL und der damit verbundenen Vorsichtsmaßnahmen Ausführliche Erläuterung der Rolle von .ibd-Dateien in MySQL und der damit verbundenen Vorsichtsmaßnahmen Mar 15, 2024 am 08:00 AM

Ausführliche Erläuterung der Rolle von .ibd-Dateien in MySQL und der damit verbundenen Vorsichtsmaßnahmen

Was soll ich tun, wenn die lib-Datei im Linux-System fehlt? Was soll ich tun, wenn die lib-Datei im Linux-System fehlt? Mar 19, 2024 pm 03:03 PM

Was soll ich tun, wenn die lib-Datei im Linux-System fehlt?

Erstellen Sie Linux-„.a'-Dateien und führen Sie sie aus Erstellen Sie Linux-„.a'-Dateien und führen Sie sie aus Mar 20, 2024 pm 04:46 PM

Erstellen Sie Linux-„.a'-Dateien und führen Sie sie aus

See all articles