フルスタックチャンネル
サインアップサインアップ
ログインログイン
利用規約プライバシーポリシーお問い合わせ
Copyright © All rights reserved | FullStackChannel
解決済
画像がうまくはれない
Django
ポカリ
2023/01/18 07:28

実現したいこと

<h2>画像を貼りたい</h2> ### 発生している問題

①Django予約サイトシステム構築にて画像を登録を行おうとしていますが、
処理を行った際、小さい四角の画像がでてきます

②pipをした際にエラーがでてきます。
関連性はありますでしょうか?

ソースコード

エラーコード<br>
Fatal error in launcher: Unable to create process using '"C:\study\custom_login\myvenv\Scripts\python.exe" "C:???????\yoyaku\myvenv\Scripts\pip.exe" ': ??????????????????

自分で試したこと

購入した書籍を読み返し、抜けがないか確認をしました。<br>
おそらくpathがあっていない可能性も考えられます。

補足情報

解決策をご教授いただけますと幸いです。<br>
よろしくお願いいたします。

回答 10件
login
回答するにはログインが必要です
ポカリ
3年以上前

はる先生

ありがとうございました!

ポカリ
3年以上前

おはようございます。
スラッシュを外し、検証してみたところ、無事に画像を
貼ることができました!

ありがとうございました。

1
はる@講師
3年以上前

良かったです。

zennを修正しておきました。

ベストアンサーを選択してクローズをお願いします。

ポカリ
3年以上前

store.html


<div class="text-center my-5">
  <div class="mb-5">
    <h1>店舗一覧</h1>
  </div>
  <div class="row">
    {% for store in store_data %}
    <div class="col-lg-3 col-md-6">
      <div class="card img-thumbnail storelist mb-3">
        <img
          class="card-img-top card-thum"
          src=/{{ store.images.url }}
          alt=""
        />
        <div class="card-body text-center px-2 py-3">
          <h5 class="font-weight-bold">{{ store.name }}店</h5>
          <p>{{ store.address }}</p>
        </div>
        <a class="stretched-link" href=""></a>
      </div>
    </div>
    {% empty %}
    <p>まだ店舗がありません</p>
    {% endfor %}
  </div>
</div>

{% endblock %}

app/views.py

from django.views.generic import View
from .models import Store
class StoreView(View):
    def get(self,request,*args,**kwargs):
        store_data=Store.objects.all()
        return render(request,'app/store.html',{
            'store_data':store_data
        })

よろしくお願いいたします。

1
はる@講師
3年以上前

srcのスラッシュをはずしてください。

<img
  class="card-img-top card-thum"
  src={{ store.images.url }}
  alt=""
/>
1
ポカリ
3年以上前

pip listなどでインストールしているモジュールを確認でしたり、
requirements.txtのインストールでエラーがでます。

下記のコマンドを入力しましたら、
一旦はエラーが出ずインストールはできました。

python -m pip install -r requirements.txt

かわらず、画像はadmin画面やフォームから
投稿をしてもうまく出力ができていない状況です。

はる@講師
3年以上前

保存されていれば画像アップロードは問題ないですね。

表示のどこかがおかしいかと思いますので、該当箇所のviews.pyとhtmlファイルのコードを貼り付けてください。

ポカリ
3年以上前

media/imagesのディレクトリに
編集やadminから投稿された画像が
保管されています。

はる@講師
3年以上前

Django管理画面で登録した画像は、ルートディレクトリにあるmediaフォルダに画像が保存されていますでしょうか?

1
はる@講師
3年以上前

pipをした際とはどのようなコマンドでしょうか?