php+jQuery.uploadify ファイルアップロードチュートリアルの実装、

ここ 2 日間、私はアップロードコントロール、PHP+Jquery を使用していました。今日は、uploadify を紹介します。英語があまり得意ではないので、インターネットでチュートリアルを探しました。公式ドキュメントを読んだ後、多くの API が以前と同じではないことがわかりました。今日はそれを要約し、公式 http://www.uploadify.com/documentation/ を読むように注意してください。

使い方の簡単な例を示し、誰でも読みやすく、使いやすいようにコメントを追加します。もちろん、正式版をダウンロードした後、直接使用することもできます。必要に応じて直接変更してください。

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

UploadiFy讲解

Uploadify讲解由widuu提供

<スクリプトタイプ="text/javascript">

$(関数() {
$('#file_upload').uploadify({

//ファイルアップロード時にデータを投稿
'フォームデータ' : {
'タイムスタンプ' : '',
'トークン' : '',
'id' : 1
}、
'swf' : '/uploadify/uploadify.swf',
'アップローダー': 'http://localhost/uploadify/uploadify.php',
'onInit' : 関数(インデックス){
alert('キューID:'+index.settings.queueID);
}、
'method' : 'post', //アップロードメソッドgetとpostを設定します
//'auto' : false, //自動的にアップロードするかどうか false 自動アップロードをオフにする true 選択後にファイルを自動的にアップロードします
//'buttonClass' : 'myclass', //ボタンのスタイルをカスタマイズします
//'buttonImage': 'ボタン画像',
'buttonText' : 'ファイルを選択', //ボタンに表示される手書き文字
//'fileObjName' : 'mytest' //バックグラウンドで受信する場合は $_FILES['mytest'] になります
'checkExisting' : '/uploadify/check-exists.php', //ファイルが既に存在するかどうかを確認し、0 または 1 を返します
'fileSizeLimit' : '100KB', //アップロードファイルサイズの制限
'fileTypeDesc' : 'いくつかのファイルが必要です', //オプションのファイルの説明
'fileTypeExts' : '*.gif; *.jpg', //アップロードが許可されるファイルの種類
//アップロード時に発生したイベント
'onUploadStart' : 関数(ファイル){
アラート('アップロードが開始されました'); 'uploadLimit' : 5, //アップロードされるファイルの最大数を設定します
/*
'onUploadComplete' : 関数(結果){
for (result.post の var i){
アラート(i+':::'+結果[i]);
}
}、
*/
//ファイルのアップロードが成功したら
'onUploadSuccess' : function(ファイル、データ、応答) {
アラート(データ);
}、
//
'onUploadError' : function(file, errorCode, errorMsg, errorString) {
alert(file.name + 'アップロード失敗の理由:' + errorString); }、
'itemTemplate': '各アップロードノードの HTML に追加',
'height' : 30, //高さを設定ボタン
'width' : 30, //幅を設定します
'onDisable' : function(){
alert('アップロードは禁止されています');
}、
'onEnable' : function(){
alert('アップロードを続行できます');
}、
//ファイル選択時
'onSelect' : 関数(ファイル){
alert(file.name+"すでにキューに追加されました");
}
});
});

//よく使用されるイベント
//$('#file_upload').uploadify('upload','*') //JavaScriptを使用したアップロード方法
; //$('#file_upload').uploadify('stop','*') //JavaScript でアップロードを停止する方法
; //$('#file_upload').uploadify('disable','*') //JavaScript でアップロードを無効にする方法
//$('#file_upload').uploadify('settings','buttonText',"アップロードボタンを設定する") //いくつかのプロパティを設定します
// 詳細については、公式 Web サイト www.uploadify.com/documentation/ をご覧ください。ありがとうございます
。
/*
*check-exists.php でファイルが存在するかどうかを確認します
*/
/*
$targetFolder = '/アップロード'; if (file_exists($_SERVER['DOCUMENT_ROOT'] . $targetFolder . '/' . $_POST['filename'])) {
エコー 1;
} その他 {
エコー 0;
}
*/
?>

コードのコメントについては詳しく説明されているので、ここではあまりくだらないことには触れませんが、まだ質問がある場合は、私に連絡してください。