ホームページ > ウェブフロントエンド > jsチュートリアル > jqueryのuploadifyファイルupload_javascriptスキルの詳しい説明

jqueryのuploadifyファイルupload_javascriptスキルの詳しい説明

WBOY
リリース: 2016-05-16 17:16:38
オリジナル
881 人が閲覧しました

一日オンラインで検索した後、Uploadify の唯一の欠点は中国語のボタンをサポートしていないことだと誰もが言いました。その前に、Uploadify の API を調べたところ、誰もが言及していなかったいくつかのパラメータが見つかりました。この問題の解決の鍵。 (今後は、何も起こらないときにAPIを確認する習慣をしっかり身に付けていきます)
UploadifyにはbuttonTextというパラメータがあり、プラグインがトランスコード方式を採用しているため、どう変更しても中国語には対応しておりません。はい、デコード場所は swf ファイル内にあり、コードが表示されないため、この方法は使用できません。
もう 1 つのパラメータは、インターネット上でほとんど言及されていませんが、buttonImg (ボタン画像) です。現時点では、独自の画像があれば、プラグインに付属する黒いフラッシュ ブラウジング ボタンを画像に完全に置き換えることができます。中国語で、これで中国語ボタンの問題は解決しないでしょうか?これだけを追加すると、ボタンの画像の下に白い領域があることがわかります。これは実際にはフラッシュによって残されています。この白い領域は、幅と高さで調整できます。パラメータ wmode もあります。デフォルト値は不透明です。これを透明に変更するだけです。これは、白い領域を透明にすることを意味します。先ほどの方法を再度使用し、キークリック範囲を写真と同じくらい大きく設定すれば完全にOKです。

Uploadify の使用方法については説明しません。インターネット上に多くの記事があります。使用方法は他の jquery プラグインと同じで、いくつかのファイルのパスを配置するだけです。
以下に、Uploadify のいくつかのパラメーターの紹介を示します。すべてを確認したい場合は、その API ファイルにアクセスしてください。このファイルは通常、ダウンロードされたパッケージに含まれています。

uploader:uploadify.swf ファイルの相対パス。swf ファイルは、「BROWSE」というテキストのボタンです。デフォルト値:uploadify.swf。
script: スプーラーへの相対パス。デフォルト値: Uploadify.php
checkScript: アップロードされた選択したファイルがサーバー上に存在するかどうかを判断するために使用されるバックグラウンド処理プログラムの相対パス
fileDataName: 名前を設定し、アップロードされたファイルはこの名前に基づいて取得されますプログラムデータを処理するサーバー内。デフォルトは Filedata
メソッド: 送信メソッド Post または Get です。デフォルトは Post
scriptAccess: フラッシュ スクリプト ファイルのアクセス モードです。ローカル テスト用に常に設定されている場合、デフォルト値は SameDomainフォルダー: アップロードされたファイルが保存されるディレクトリ。
queueID: ファイル キューの ID。ファイル キューを格納する div の ID と一致します。
queueSizeLimit: 複数のファイルの生成を許可する場合、選択されるファイルの数を設定します。デフォルト値: 999。
multi: true に設定すると、複数のファイルをアップロードできます。
auto: true に設定すると、ファイルを選択した後に直接アップロードします。false に設定した場合、アップロードするにはアップロード ボタンをクリックする必要があります。
fileDesc: この属性値を有効にするには、fileExt 属性を使用して設定する必要があります。たとえば、fileDesc が「rar docpdf ファイルを選択してください」に設定されている場合に使用されます。ファイル選択ボックスを開いた場合の効果は次のとおりです:
fileExt: 選択できるファイルの種類を設定します (例: '*.doc;*.pdf;*.rar')。
sizeLimit: アップロードされるファイルのサイズ制限。
simUploadLimit: 許可される同時アップロードの数: 1。
buttonText: 参照ボタンのテキスト、デフォルト値: BROWSE。
buttonImg: ボタンの画像を参照するためのパス。
hideButton: 参照ボタンの画像を非表示にするには、true に設定します。
ロールオーバー: 値は true と false です。true に設定すると、マウスが参照ボタン上に移動すると反転効果が生じます。
width: 参照ボタンの幅を設定します。デフォルト値: 110。
高さ: 参照ボタンの高さを設定します。デフォルト値: 30。
wmode: この項目を透明に設定すると、参照ボタンの Flash 背景ファイルが透明になり、Flash ファイルがページの最上位に配置されます。デフォルト値: 不透明。
cancelImg: ファイルキューにファイルを選択した後、各ファイルの閉じるボタンアイコン

Uploadify には、多くのパラメーター、便利なメソッド、コールバック関数も API に含まれていますが、英語ですが、理解するのは簡単なので、ここでは説明しません。

以下は私が使用したコードです。参照してください:

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

最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート