ホームページ  >  記事  >  ウェブフロントエンド  >  jQueryで作成したファイルアップロード拡張機能

jQueryで作成したファイルアップロード拡張機能

php中世界最好的语言
php中世界最好的语言オリジナル
2018-03-10 15:50:241213ブラウズ

今回はjQueryで作成したファイルアップロード拡張機能をご紹介します。jQueryを使用してファイルアップロード拡張機能を作成する場合の注意点を実際に見てみましょう。

コードに直接移動します:

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

使用説明: スクリプトの原理は、$.ajax を使用する前にデータを処理することです。使用方法は、fileElementId 属性を追加するだけです。入力 type="file" ノード ID を識別します。

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

関連読書:

導入にnodejsを使用したウェブサイト

JSでシミュレータを書く方法

モバイル側で1pxの境界線効果を作成する方法

以上がjQueryで作成したファイルアップロード拡張機能の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。