ホームページ > 記事 > ウェブフロントエンド > jQueryで作成したファイルアップロード拡張機能
今回は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 サイトの他の関連記事に注目してください。 関連読書:以上がjQueryで作成したファイルアップロード拡張機能の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。