単一ファイルの Ajax ファイル アップロード ライブラリを実装するための AjaxFileUpload の詳細な分析

韦小宝
リリース: 2018-01-10 09:55:38
オリジナル
1595 人が閲覧しました

jQuery.AjaxFileUpload.js は、ajax 経由で ファイルをアップロードするための jQuery プラグインです。この記事では、単一ファイルの Ajax File Upload ライブラリを実装する AjaxFileUpload を紹介します。これに興味のある友人は、一緒に学習してください

jQuery.AjaxFileUpload.js は、ajax 経由でファイルをアップロードするための jQuery プラグインです。

構文:

$.ajaxFileUpload([options])
ログイン後にコピー

options パラメータの説明:

1, url アップロードハンドラアドレス。

2, fileElementId アップロードする必要があるファイル フィールドの ID、つまり の ID。

3, secureuri secureの送信を有効にするかどうか、デフォルトはfalseです。

4, dataType サーバーから返されたデータ型。 XML、スクリプト、JSON、HTML を使用できます。入力しない場合は、jQuery が自動的に判断します。

5、成功 送信成功後に自動的に実行される処理関数 パラメータデータはサーバーから返されるデータです。

6、エラー 送信失敗時に自動的に実行される処理関数。

7、データ カスタムパラメータ。アップロードした画像に関連するデータがある場合は、こちらの方が便利です。

8、タイプ カスタムパラメータを送信したい場合は、このパラメータをpostに設定する必要があります

特徴:

特定のHTMLに依存せず、「< INPUTTYPE= "ファイルを指定するだけです」 ">

サーバーが特定の方法で応答する必要はありません

ファイルの大規模なバッチを操作できます

サンプルコード:

-- Use as little as --
$(&#39;#one-specific-file&#39;).ajaxfileupload({
&#39;action&#39;: &#39;/upload.php&#39;
});
-- or as much as --
$(&#39;input[type="file"]&#39;).ajaxfileupload({
&#39;action&#39;: &#39;/upload.php&#39;,
&#39;params&#39;: {
&#39;extra&#39;: &#39;info&#39;
},
&#39;onComplete&#39;: function(response) {
console.log(&#39;custom handler for file:&#39;);
alert(JSON.stringify(response));
},
&#39;onStart&#39;: function() {
if(weWantedTo) return false; // cancels upload
},
&#39;onCancel&#39;: function() {
console.log(&#39;no file selected&#39;);
}
});
ログイン後にコピー


AjaxFileUploadについては、Ajaxファイルアップロードライブラリを実装します単一のファイルを紹介します。お役に立てば幸いです。

関連する推奨事項:

Ajax リクエストとフィルター連携ケースの詳細な説明

Ajax はパラメーターが長すぎる問題をすぐに解決します正常に送信できません

Ajax 送信フォーム フォーム ページは引き続き j ソリューションを更新します

以上が単一ファイルの Ajax ファイル アップロード ライブラリを実装するための AjaxFileUpload の詳細な分析の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート