ホームページ > 記事 > ウェブフロントエンド > jQuery ファイルアップロード プラグイン Uploadify 使用ガイド_jquery
jQuery ファイルアップロード プラグイン Uploadify 使用ガイド_jquery
- WBOYオリジナル
- 2016-05-16 16:46:001354ブラウズ
HTML5 バージョンは、Apple 携帯電話の Safari ブラウザが
Flash をサポートしていないことを避けるために、モバイル ブラウザのサポートを強化します。主な機能: 複数ファイルのアップロードのサポート、HTML5 バージョンのドラッグ アンド ドロップ アップロード、リアルタイム アップロード。プログレスバー表示、ファイルサイズ、ファイルタイプ、ボタン画像定義、アップロードファイルスクリプトなどの強力なパラメータ
カスタマイズ機能。
Flash 版の使用方法:
1. JS と CSS を読み込みます
4. パラメータ設定の詳細説明
uploader:uploadify.swf ファイルの相対パス。swf ファイルは、[BROWSE] というテキストが表示されたボタンです。クリックすると、
ファイルを開くダイアログ ボックスがフェードアウトします。
script: バックグラウンド ハンドラーへの相対パス。デフォルト値: Uploadify.php
checkScript: アップロードされた選択したファイルがサーバー上に存在するかどうかを判断するために使用されるバックグラウンド処理プログラムの相対パス
fileDataName: 名前を設定し、アップロードされたファイルはこの名前に基づいて取得されますプログラムデータを処理するサーバー内。デフォルトは Filedata です。
メソッド: 送信メソッド Post または Get デフォルトは Post です。
scriptAccess: フラッシュ スクリプト ファイルのアクセス モード、ローカル テスト用に常にに設定されている場合、デフォルト値: SameDomain
folder: アップロードされたファイルが保存されるディレクトリ保管されています。
queueID: ファイル キューの ID。ファイル キューを格納する div の ID と一致します。
queueSizeLimit: 複数のファイルの生成を許可する場合、選択されるファイルの数を設定します (デフォルト値: 999)。
multi: true に設定すると、複数のファイルをアップロードできます。
auto: true に設定すると、ファイルは選択後に直接アップロードされます。false に設定した場合、アップロードするにはアップロード ボタンをクリックする必要があります。
fileDesc: この属性値は、有効にする前に fileExt 属性に設定する必要があります。これは、ファイル選択ダイアログ ボックスのプロンプト テキストを設定するために使用されます。たとえば、
fileDesc を「rar doc pdf を選択してください」に設定します。 file"
fileExt: 設定 選択できるファイルの種類、形式は「*.doc;*.pdf;*.rar」です。
sizeLimit: アップロードされるファイルのサイズ制限。
simUploadLimit: 許可される同時アップロードの数: 1。
buttonText: 参照ボタンのテキスト、デフォルト値: BROWSE。
buttonImg: ボタンの画像を参照するパス。
hideButton: 参照ボタンの画像を非表示にするには、true に設定します。
ロールオーバー: 値は true と false です。true に設定すると、マウスが参照ボタン上に移動すると反転効果が生じます。
width: 参照ボタンの幅を設定します。デフォルト値: 110。
高さ: 参照ボタンの高さを設定します。デフォルト値: 30。
wmode: この項目を透明に設定すると、参照ボタンの Flash 背景ファイルが透明になり、Flash ファイルがページ
の最上位レイヤーに設定されます。 デフォルト値: 不透明。
cancelImg: ファイルキューにファイルを選択した後の各ファイルの閉じるボタンアイコン
上で紹介したキー値の値はすべて文字列またはブール型であり、相対的にキー値の値は、ファイルを選択したとき、エラーが発生したとき、またはその他の操作を行ったときにユーザーに何らかの情報を返すことができる関数です。
onInit: 初期化作業を行います
onSelect: ファイルが選択されたときにトリガーされます。この関数には 3 つのパラメーターがあります。
event: イベント オブジェクト。
queueID: ファイルの一意の識別子。ランダムな 6 文字で構成されます。
fileObj: 選択したファイル オブジェクトには、name、size、creationDate、modificationDate、type の 5 つの属性があります。
コードは次のとおりです: