その他 > その他 > カテゴリーに画像追加 |
その他
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | 下へ |
投稿者 | スレッド |
---|---|
mutk |
投稿日時: 2021/5/18 14:54
対応状況: −−−
|
半人前 登録日: 2021/4/26 居住地: 投稿: 14 |
カテゴリーに画像追加 ▼テンプレート
[EC-CUBE]ec-cube4.0.5 現在カテゴリーに画像データを関連付ける作業を行っているのですが 、商品登録のcontorollerなどを参考に作成しているのですが、 ローカルからサーバーへの画像アップロードの手順がよくわからず 止まっている最中です edit.twig <div id="thumb" class="c-form__fileUploadThumbnails clearfix"></div> <p id="message"></p> <div id="upload-zone" class="media py-5 border-ec-dashed mb-2 rounded"> <div class="media-body"> <i class="fa fa-cloud-upload fa-3x text-ec-lightGray mx-3 align-middle" aria-hidden="true"></i> {{ 'admin.common.drag_and_drop_image_description'|trans }} {{ form_widget(form.category_image, { attr : { accept : 'image/*', style : 'display:none;' } }) }} {{ form_errors(form.category_image) }} <a class="btn btn-ec-regular mr-2" onclick="$('#admin_category_image').click()"> {{ 'admin.common.file_select'|trans }} </a> </div><!-- /.media-body --> </div><!-- /.media --> </div> この部分でファイルを選択するボタンを押しても何も起きないような状況です。 どういった処理を行えば選択できるようになるのかお教えいただけないでしょうか。 よろしくお願いします。 |
umebius |
投稿日時: 2021/5/24 10:57
対応状況: −−−
|
神 登録日: 2016/7/22 居住地: 投稿: 2085 |
Re: カテゴリーに画像追加 「onclick="$('#admin_category_image').click()"」と記載されていますが、
form_widgetでform.category_imageを出力すると、そのINPUTタグのIDは、admin_category_imageではなく、admin_category_category_imageになるはずです。 それが原因ではないでしょうか?
|
mutk |
投稿日時: 2021/5/24 14:26
対応状況: −−−
|
半人前 登録日: 2021/4/26 居住地: 投稿: 14 |
Re: カテゴリーに画像追加 ご返信ありがとうございます。
上記のことでファイルアップロード画面が出るようになりましたが 画像のプレビューが表示されません もしプレビューについての表示方法も教えていただけないでしょうか? よろしくお願いします。 |
umebius |
投稿日時: 2021/5/24 23:53
対応状況: −−−
|
神 登録日: 2016/7/22 居住地: 投稿: 2085 |
Re: カテゴリーに画像追加 商品登録画面と同じアップロードを実現されたいのであれば、商品登録画面のtwigに記載されているjavascriptを理解する必要があります。
{% block javascript %} {% endblock javascript %} で囲まれた部分のjavascriptはほとんどが画像のアップロードに関する実装で、プレビューもこれによって実現されています。
|
mutk |
投稿日時: 2021/5/25 10:40
対応状況: −−−
|
半人前 登録日: 2021/4/26 居住地: 投稿: 14 |
Re: カテゴリーに画像追加 ご返信ありがとうございました。
理解しながら作成してまいります。 |
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | トップ |