ホームページ >ウェブフロントエンド >jsチュートリアル >単一ファイルの Ajax ファイル アップロード ライブラリを実装するための AjaxFileUpload の詳細な分析

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

韦小宝
韦小宝オリジナル
2018-01-10 09:55:381636ブラウズ

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

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

構文:

$.ajaxFileUpload([options])

options パラメータの説明:

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

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

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

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

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

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

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

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

特徴:

特定のHTMLに依存せず、「eb0ea6d6729aa1ed234d94a419632dc7

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

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

サンプルコード:

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


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

関連する推奨事項:

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

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

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

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

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