前提・実現したいこと
画像をエラーなく自作の入力画面からアップロードさせたいです。以下の「該当のソースコード」の通り、
View:CreateView
Form:ModelForm
Model:ImageField
で画像を含むアップロード画面を作っており、文字など画像以外はきちんとアップロードされ、データベースに保存されているのですが、画像だけがアップロードされておらず、(それゆえ?)画像がアップロードされているはずの一覧ページを見に行くと下記のようなエラーが出てしまいます。
発生している問題・エラーメッセージ
データベースにそのインスタンスに紐づくはずの画像が登録されていないということだと思います。
ValueError at /app/ The '対象のmodelインスタンスのイメージ属性' attribute has no file associated with it.
思いあたること
以下の「該当のソースコード」htmlで記載しているように確認画面を経由させているのですが、それくらいしか思い当たる節がありません。
試したこと
管理サイトで直接その画像をアップロードするときちんとアップロードされるので、自分のviewかformかtemplateの実装のどこかに問題があると考えています。
該当のソースコード
確認画面への指示を含む
views.py
python
1class ProductRegister(LoginRequiredMixin, CreateView): 2 template_name = 'app/register.html' 3 form_class = RegisterForm 4 pk_url_kwarg = 'farm_pk' 5 6 def form_valid(self, form): 7 ctx = {'form': form} 8 9 if self.request.POST.get('next', '') == 'confirm': 10 return render(self.request, 'app/register_confirm.html', ctx) 11 if self.request.POST.get('next', '') == 'back': 12 return render(self.request, 'app/register.html', ctx) 13 if self.request.POST.get('next', '') == 'create': 14 user = self.request.user 15 product = form.save(commit=False) 16 product.farm = user.farm 17 product.save() 18 return super().form_valid(form)
models.py
product_image = models.ImageField( verbose_name='商品サムネイル', upload_to='images/%Y/%m/%d/', blank=True, null=True, )
forms.py
python
1class RegisterForm(forms.ModelForm): 2 class Meta: 3 model = Farm 4 exclude = ('user',)
入力画面
register.html
html
1<form action="{% url 'app:product_register' user.farm.pk %}" enctype="multipart/form-data" accept-charset="UTF-8" method="POST"> 2 {% csrf_token %} 3 <div class="select-content"> 4 <h3>出品果物名(最大20字)<span>必須</span></h3> 5 {{ form.product_name }} 6 {{ form.product_name.errors }} 7 </div> 8 <div class="select-content"> 9 <h3>商品画像</h3> 10 {{ form.product_image }} 11 {{ form.product_image.errors }} 12 </div> 13 <div class="sell-submit-content"> 14 <button type="submit" class="sell-submit" name="next" value="confirm">確認画面へ進む</button> 15 </div> 16</form>
入力確認画面
register_confirm.html
html
1<div class="select-content-confirm"> 2 <h3>出品果物名</h3> 3 <div>{{ form.product_name.value }}</div> 4</div> 5<div class="select-content-confirm"> 6 <h3>商品画像</h3> 7 <div>{{ form.product_image.value }}</div> 8</div> 9<div> 10 <form action="{% url 'app:farm_product_register' user.farm.pk %}" method="POST" enctype="multipart/form-data"> 11 {% csrf_token %} 12 {% for field in form %} 13 {{ field.as_hidden }} 14 {% endfor %} 15 <div class="sell-submit-buttons"> 16 <button class="edit-back" type="submit" name="next" value="back"> 17 戻る 18 </button> 19 <button class="edit-confirm" type="submit" name="next" value="create"> 20 出品する 21 </button> 22 </div> 23 </form> 24</div>
補足情報(FW/ツールのバージョンなど)
python3.7
Django==2.2.4
何卒宜しくお願いいたします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。