ホームページ > ウェブフロントエンド > jsチュートリアル > FileUpload は単一ファイルのアップロードを実装します

FileUpload は単一ファイルのアップロードを実装します

php中世界最好的语言
リリース: 2018-04-04 16:55:04
オリジナル
2205 人が閲覧しました

今回は、単一のファイルのアップロードを実装するための FileUpload について説明します。 FileUpload が単一の ファイルのアップロードを実装するための 注意事項は何ですか? ここでは実際のケースを見てみましょう。 jQuery.AjaxFileUpload.js は、ajax 経由でファイルをアップロードするための jQuery プラグインです。

構文:

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

options パラメータの説明: 1, url アップロードハンドラのアドレス。

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

3、secureuri 安全な送信を有効にするかどうか。デフォルトは false です。

4, dataType サーバーから返された

データ型

。 XML、スクリプト、JSON、HTML を使用できます。入力しない場合は、jQuery が自動的に判断します。 5、成功 送信成功後に自動的に実行される処理関数 パラメータデータはサーバーから返されるデータです。

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

7、データ カスタムパラメータ。アップロードした

写真

に関連するデータがある場合は、こちらの方が便利です。 8、タイプ カスタムパラメータを送信したい場合は、このパラメータを post に設定する必要があります

特徴: 特定の HTML に依存せず、「< INPUTTYPE= "file" を指定するだけです」 >

応答するときにサーバーが特定の方法を指定する必要はありません

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

サンプルコード:

-- 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');
}
});
ログイン後にコピー
この記事のケースを読んだ後は、この方法を習得したと思います、もっとエキサイティングな情報を入手してください php 中国語 Web サイトの他の関連記事をフォローしてください!

推奨読書:

HTML5+Ajax ファイルアップロードの進行状況バー表示 (詳細なグラフィックとテキストの説明)


js による ajax ページングの実装 (詳細なグラフィックとテキストの説明)


AJAX 実装 リフレッシュ データ ページングなし

以上がFileUpload は単一ファイルのアップロードを実装しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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