ホームページ >ウェブフロントエンド >jsチュートリアル >アップロード 3.0 の詳細な手順_jquery

アップロード 3.0 の詳細な手順_jquery

WBOY
WBOYオリジナル
2016-05-16 17:52:48993ブラウズ

使用:

コードをコピー コードは次のとおりです:

//バインドされたインターフェイス要素
$("#gallery").uploadify({
次のようにパラメータを設定します。
});プロパティを設定します:


コードをコピー コードは次のとおりです: id: jQuery(this) . attr('id'),//バインドされた入力の ID
langFile: 'http://www.static-xxx.nu/uploader/uploadifyLang_en.js',//言語パッケージのパス、すべてのプロンプトテキストを設定できます
swf: 'http://www.static-xxx.nu/uploader/uploadify.swf'、//[設定する必要があります] swf path
uploader: '/uploadify/galleri。 php' ,//[必須設定] ファイルのアップロードによってトリガーされる URL
auto:false,//ファイル選択完了後に自動的にアップロードするかどうか
buttonText:'Välj Filer',//アップロードボタンのテキスト
height: 30, //アップロードボタンの高さと幅
width: 120,
buttonCursor: 'pointer',//マウスホバーをアップロードした後のカーソルの形状
cancelImage: '/ Upload/201206/20120618142325932.png' ,//【必ず設定】画像のパスを解除します
checkExisting:'/uploader/uploadify-check-existing.php',//アップロードされたファイルが存在するか確認します。トリガーされた URL、return 1/0
debug: true, //デバッグ モード オン/オフ。オンにすると、デバッグ情報が表示されます。
fileObjName:'file',
fileSizeLimit: 0,//ファイルの制限サイズ (バイト単位)。0 は制限ではありません。 1MB:1*1024*1024
fileTypeDesc: 'Bild JPG',//アップロードが許可されているファイル タイプの説明がポップアップ ファイル選択ボックスに表示されます
fileTypeExts: '*.jpg' ,//許可 アップロードされたファイルの種類により、ポップアップ ファイル選択ボックスで選択できるファイルが制限されます
method: 'post',// バックグラウンドと対話する方法: post/get
multi: true,//複数のファイルを選択できるかどうか
queueID: 'fileQueue', // アップロード ファイル キューの要素 ID を表示します。
queueSizeLimit: 999, //キュー内で許可されるファイルの最大数。
progressData: 'all' , // 'percentage''speed''all'//キュー内のファイルのアップロードの進行状況を表示する方法: all-upload Speed の割合、 percentage-percentage,speed-uploadspeed
removeCompleted:true,//アップロードが成功した後、キュー内のファイルを自動的に削除するかどうか
removeTimeout:3,
requeueErrors:true,
postData : {}, //バックグラウンドと対話する場合、追加パラメータ
preventCaching : true,
Transparent: true,
successTimeout : 30, // アップロード時のタイムアウト
uploadLimit:999// の数同時にアップロードできるファイル


イベントセット:


コードをコピー コードは次のとおりです。

onDialogClose: function(swfuploadifyQueue) {//ファイル選択ダイアログ ボックスが閉じられたときにトリガーされます
if( swfuploadifyQueue.filesErrored > 0){
alert( 'キューに追加されたとき'
swfuploadifyQueue.filesErrored
'ファイル n でエラーが発生しました'
'エラー メッセージ:'
swfuploadifyQueue.errorMsg
'選択されたファイルの数:'
swfuploadifyQueue.filesSelected
' nキューに正常に追加されたファイルの数:'
swfuploadifyQueue.filesQueued
'nキュー内のファイルの総数:'
swfuploadifyQueue.queueLength);
}
}
onDialogOpen: function() {//ファイル選択ダイアログ ボックスが開いたときにトリガーされます。
alert( 'Open!');
}

onSelect : function(file) {//キュー
の後にトリガー
に追加されました - タイプ: ' file.type
' - 作成日: ' file.creationdate
' - 変更日: ' file.modificationdate
' - ファイルのステータス: ' file.filestatus);
}

onSelectError: function(file,errorCode,errorMsg) {//ファイル選択でエラーが発生したときにトリガーされます
alert( 'id: ' file.id
' - インデックス: ' file.index
' - ファイル名: ' file.name
' - ファイルサイズ: ' file.size
' - タイプ: ' file.type
' - 作成日付: ' file.creationdate
- 更新日: ' file.modificationdate
' - ファイルのステータス: ' file.filestatus
' - エラーコード: ' errorCode
' - エラーメッセージ: ' errorMsg) ;
}

onQueueComplete: function(stats) {//キュー内のすべてのファイルがアップロードされたときにトリガーされます
Alert( '正常にアップロードされたファイルの数: ' stats.successful_uploads
' - アップロードエラー ファイルの数: ' stats.upload_errors
' - キャンセルされたファイルの数: ' stats.upload_cancelled
' - エラーのあるファイルの数 '
}
onUploadComplete : function (file,swfuploadifyQueue) {//キュー内の各ファイルがアップロードされるときに 1 回トリガーします
alert( 'id: ' file.id
- Index: ' file.index
' - ファイル名前: ' file.name
' - ファイル サイズ: ' file.size
' - タイプ: ' file.type
' - 作成日: ' file.creationdate
' - 更新日: ' file.modificationdate
- ファイルのステータス: ' file.filestatus
' - エラーのあるファイルの数: ' swfuploadifyQueue.filesErrored
' - エラー メッセージ: ' swfuploadifyQueue.errorMsg
' - 送信するファイルの数キューに追加されます: ' swfuploadifyQueue.filesSelected
' - クエリに追加される番号: ' swfuploadifyQueue.filesQueued
' - キューの長さ: ' swfuploadifyQueue.queueLength);

onUploadError : function(file, errorCode,errorMsg,errorString,swfuploadifyQueue) {//ファイルのアップロード エラーがトリガーされます (エラー ファイルごとに 1 回トリガーされます)
alert( 'id: ' file.id
- Index: ' file.インデックス
' - ファイル名: ' file.name
' - ファイル サイズ: ' file.size
' - タイプ: ' file.type
' - 作成日: ' file.creationdate
' - 変更日: ' file.modificationdate
' - ファイルのステータス: ' file.filestatus
' - エラー コード: ' errorCode
' - エラーの説明: ' errorMsg
' - エラーの簡単な説明: ' errorString
- エラーのあるファイルの数: ' swfuploadifyQueue.filesErrored
' - エラー メッセージ: ' swfuploadifyQueue.errorMsg
' - キューに追加する数: ' swfuploadifyQueue.filesSelected
' - 追加反対の数量: ' swfuploadifyQueue.filesQueued
' - キューの長さ: ' swfuploadifyQueue.queueLength);
}

onUploadProgress: function(file,fileBytesLoaded,fileTotalBytes,
queueBytesLoaded,swfuploadifyQueueUploadSize) { //
alert( 'id: ' file.id
- インデックス: ' file.index
- ファイル名: ' file.name
- ファイルサイズ: ' file.size
' - タイプ: ' file.type
' - 作成日: ' file.creationdate
' - 変更日: ' file.modificationdate
' - ファイルのステータス: ' file.filestatus
' - 現在のファイルがアップロードされました: ' fileBytesLoaded
' - 現在のファイル サイズ: ' fileTotalBytes
' - キューがアップロードされました: ' queueBytesLoaded
' - キューのサイズ: ' swfuploadifyQueueUploadSize);

onUploadStart: function(file) {//アップロード開始時にトリガーされます(ファイルごとに 1 回トリガーされます)
alert( 'id: ' file.id
- Index: ' file.index
' - ファイル名: ' file.name
' - ファイルサイズ: ' file.size
' - タイプ: ' file.type
' - 作成日: ' file.creationdate
' -変更日: ' file.modificationdate
- ファイルのステータス: ' file.filestatus );

onUploadSuccess: function(file,data,response) {//アップロードが完了するとトリガーされます(ファイルごとに 1 回トリガーされます)
alert( 'id: ' file.id
- インデックス: ' file.index
- ファイル名: ' file.name
' - ファイルサイズ: ' file.サイズ
' - タイプ: ' file.type
' - 作成日: ' file.creationdate
' - 変更日: ' file.modificationdate
' - ファイルのステータス: ' file.filestatus
- サーバー側メッセージ: ' data
- アップロードが成功したかどうか: '
}

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