2016-06-12 8 views
0

ここでは、例:http://www.jasny.net/bootstrap/javascript/#fileinput-examplesのように、管理用コントロールパネルからユーザーのアバターをアップロードするためにJansyのブートストラップを使用しています。Jansy Bootstrap画像のアップロードユーザーのアバター - ユーザーの編集時

新しいユーザーを追加するときはすべてうまいですが、ユーザーを編集するときに、デフォルトでプラグインに表示するユーザーのアバターが必要な場合はどうでしょう。基本的に、画像アップロードプラグインの状態は、写真を選ぶ。

それは可能ですか?

答えて

0

はい、可能ですが、JavaScript(jQuery)でこれを実現できます!

あなたがedit user pageにいるときは、ユーザーデータ(ID、名前、...、アバター)が必要です。入力ファイルにデータを入力するには、avatar.extensionが必要です。 (例:picture1.jpg)このデータはデータベースに保存されているため、問題はありません。

var avatar="user_avatar.jpg"; 

if (avatar != '') { 
    $('.fileinput').addClass('fileinput-exists').removeClass('fileinput-new'); 
    $('.fileinput-filename').html(avatar); 
} 

付:

あなたはjavascriptのavatar変数に自分のイメージ名を維持し、あなたの入力タイプのファイル名がavatarであることを考えると、あなたがする必要があるすべてはあなたのファイル内のコードのこの部分を追加することですこのコードでは、add stateをこのカスタマイズされたファイル入力のedit stateに変更します。

私はあなたのために、この作品が動作することを証明する例を作ったとしても、それを確認することができますhere

この例でイメージをアップロードしようとしても、ページの更新後にそのアップロード用にedit stateが表示されます。また、あなたが何かを理解していない場合や、私に尋ねる場合に備えて、火かき棒でコードを検査することもできます。