2017-08-03 7 views
0

を動作していないため、私は更新されているコラム:[jhi_user]異なる値を持つテーブル、および何もでIMAGE_URLが動作しているようです、example: image_url= ../../../content/media/angular-js.pngJhipster - [ソース] = "getImageUrl()" のユーザーのアバター画像が

質問: jhipsterのファイル構造で、私は、ユーザーのプロファイルの写真を保持するためのフォルダを作成する必要があり、どのようなIMAGE_URL値は、それが <img [src]="getImageUrl()">

で動作することをする必要がありますこれが機能することを言及する価値があります:<img src="../../../content/media/angular-js.png"> iはフォルダ「メディア」を作成画像付き:angular-js.png

私はmysqlデータベースと発電jhipsterを使用しています:「4.6.2」

は、Webアプリケーション内の画像の2種類があります

答えて

0

事前にご協力いただきありがとうございます:静的な資産をレイアウトのために使用されています(アイコン、背景、ロゴなど)は、アプリ内にバンドルされています。また、アプリを再構築せずに変更でき、データも変更できます。

スタティックアセットはブラウザによって長期間キャッシュされる可能性があります。そのため、JHipsterはwebpack to version their URLsをハッシュコードとともに使用して、それらを参照するファイル(html、css)を変更してバンドルする必要があります。

デザインでは、イメージURLは、静的アセットであるアバターイメージを指すユーザーエンティティの列に格納されます。だからwebpackはそれを書き換えることができません。

これらの画像をwebpackのビルドプロセスから除外するか、画像をデータベースに保存してユーザーが自分の画像をアップロードできるようにします。

第2のオプションは、Blobを保持し、Userエンティティと1対1の関係を持つ新しいエンティティAvatarを作成することです。 JHipsterがUserエンティティを変更できないという別のエンティティの理由。

+0

DB内にユーザーのイメージをBlobとして保存しないようにしようとしています。そのURLを保存するだけです。私は別のオプションを試してみると、ユーザーイメージをデータとして保存するための新しいフォルダ "media":content/media/user_image.pngを作成しました。 DBにurlを '../../../ content/media/user_image.png'として保存し、' 'を使って画像をロードしようとしています。 'getImageUrl()'は、BDに保存されている画像URLを返します。これは動作しません、なぜですか?間違ったURL形式を使用していますか? –

+0

webpackによってURLが書き換えられているという私の説明で理解できなかったことは何ですか?あなたはリンクの記事を読んだのですか? –

+0

私は 'target/www'に' media/user_image.png'を入れました。 'new CopyWebpackPlugin([ {from: './media'から 'media'} ]')をwebpack.devので、 '

関連する問題