4

さて、私はこのような質問がStackOverflowやウェブ上の他の場所に複数の形式で存在することを知っていますが、それらのどれも私が実際に必要なものを指し示していません(おそらく私は私の問題にもっと応える質問を逃しました)。

Codeigniterとjavascript/jqueryを使用したFacebookスタイルの画像アップロードメカニズムが必要です。これがそれがすることになっていることです-

  1. 単一のファイルアップロードコントロール(またはクリック可能なコントロール)を使用して、[ファイルの選択]ダイアログウィンドウを開き、ユーザーがそこから複数の画像を選択できるようにします。(これはIEではまだ実行できないことを知っています。また、複数のファイルの選択がIEで機能しないことについてはあまり気にしません)。

  2. ユーザーがファイルを選択すると、ページに一連のプログレスバーが表示されます(Facebookのように)。各画像がアップロードされると、対応する進行状況バーが100%に達し(実装が簡単な場合は、進行状況のパーセンテージを表示するテキストのグラフィカルな進行状況バーを省略します)、画像のサムネイルが横に表示されます。完了したプログレスバー(またはテキスト)。この時点で、ユーザーはキャンセルボタンをクリックしてアップロードされた画像を削除するオプションを持っているはずです(私はこの部分を自分で動作させることができると思います)。

  3. アップロードはシーケンシャル(Facebookのように)または非同期(私が見つけたいくつかのアップロードライブラリはこのように機能します)にすることができます。

  4. 最も重要なこと(そして私を困惑させている部分)はサムネイルの生成です。ファイルが実際にアップロードされる前にサムネイルを表示して、ユーザーのハードドライブから直接ファイルをプルできるHTML5/CSS3テクニックがあることを私は知っています。しかし、それはIE8では機能しません。また、IE8で複数の画像の選択が機能しないことについては心配していませんが、サムネイルの生成がクロスブラウザーで機能する必要があります。これにはIE8が含まれます(ブラウザーの互換性を決定することは重要ではありません)。私は命令できるので、「ネジIE!」ソリューションを考え出さないでください)。

uploadifyを使用してみましたが(Flashの使用に制約はありません)、ニーズに合わせてカスタマイズできないようです。uploadifyは確かにプログレスバーを表示しますが、上記の動作に従って、サムネイルをその場で生成(および表示)する方法を見つけることができませんでした。PHPでサムネイル生成がどのように機能するかを知っていますが、進行状況インジケーターと一緒にこれを実装する方法を理解することはできません。適切なjQuery/ajax呼び出しを探していますか?

ヘルプやポインタをいただければ幸いです。私の問題を解決するStackOverflowの質問を見逃した可能性があることを認めます。そのため、そのページ、または役立つと思われる他のページに移動してください。私が役立つと思うuploadify以外のアップロードライブラリをお気軽に提案してください。

前もって感謝します。そして、これをすべて読んでくれてありがとう-私は質問を適切に説明するように最善を尽くしました!

4

2 に答える 2

1

Jqueryファイルのアップロードを使用して良い結果が得られました。IEを互換モードにする必要がありますが、chrome/firefoxではうまく機能しました。

アップデート。現在、IE6.0以降をサポートしていると主張しています。

于 2012-06-21T12:41:33.967 に答える
0

ここではポイント4に焦点を当てます。それは可能ですが、最終的にはiframeを使用することになります(ええ、私は今です)。1px小さくすることもできますが、サムネイルプレビューを作成する場合に必要になります。良い出発点はここにあります:http ://www.zurb.com/playground/ajax_upload

実際のプレビュー画像(小さいバージョン)の作成については、CIの画像ライブラリを使用できます。それがどのように機能するか教えてください。

于 2012-06-20T21:42:52.483 に答える