3

ユーザーがアバターの写真を持っているレール3.2アプリで作業しています。

ユーザーは次の方法で自分のアバターを選択できます: 1) ユーザー編集ビューで [参照...] ボタンをクリックしてファイルを選択 (file_field を使用) 2) ファイルを選択して [OK] をクリック 3) [写真を適用] をクリック" ボタン (ファイル名を含むフィールドの右側) をクリックして、画像をサーバーにロードし、ビューを更新します。

ビュー内のフィールドとボタンを削除して、ユーザー エクスペリエンスを改善したいと考えています。これは方法である必要があります:

1) 「アバターの更新」リンクをクリックします (または画像を直接クリックします) 2) ファイルを選択し、[OK] をクリックします

(表示されている) フィールドがなく、[適用] ボタンもありません

それを行う最良の方法は何ですか?ビューで file_field を引き続き使用する必要がありますが、それを非表示にして、JavaScript コードを使用して user#update アクションをトリガーする必要がありますか? またはそれを行うための他の良い方法はありますか?

ありがとうございました

4

3 に答える 3

1

js プラグインの 1 つを使用してファイルをアップロードできます。つまり、jQuery を使用している場合は、pluploadを試すことができます。

于 2012-05-29T10:35:34.133 に答える
0

アップロード フィールドの近くにあるボタンは、ブラウザによって生成され、ブラウザの標準ウィジェットです。そのためにjsプラグインを使用するか、iframeアップロード方法を実現できます(IEでも非同期ファイルアップロードを許可します)。iframe の簡単なチュートリアル - Iframe メソッドを使用すると、必要応じてアップロード リンク/フィールドをカスタマイズできます =)

于 2012-05-29T10:49:55.013 に答える