質問編集履歴
1
index.html forms.py のコードを追加しました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -485,3 +485,75 @@
|
|
|
485
485
|
|
|
486
486
|
|
|
487
487
|
他のファイルを閲覧確認される場合、質問お願いします。
|
|
488
|
+
|
|
489
|
+
|
|
490
|
+
|
|
491
|
+
|
|
492
|
+
|
|
493
|
+
**index.htmlコード**
|
|
494
|
+
|
|
495
|
+
```index.html
|
|
496
|
+
|
|
497
|
+
{% extends 'carbike/base.html' %}
|
|
498
|
+
|
|
499
|
+
{% block title %}車・バイク推定アプリメニュー{% endblock %}
|
|
500
|
+
|
|
501
|
+
|
|
502
|
+
|
|
503
|
+
{% block content %}
|
|
504
|
+
|
|
505
|
+
<div>
|
|
506
|
+
|
|
507
|
+
<h4 class="mt-4 mb-5 border-bottom"車・バイクの推定アプリ>
|
|
508
|
+
|
|
509
|
+
<p>画像ファイルを選択して推定ボタンをクリックしてください。</p>
|
|
510
|
+
|
|
511
|
+
<form action = "{% url 'carbike:predict' %}" method="post" class = "form" enctype = "mutipart/form-data">
|
|
512
|
+
|
|
513
|
+
{% csrf_token %}
|
|
514
|
+
|
|
515
|
+
<div class="form-group">
|
|
516
|
+
|
|
517
|
+
<div class= "custom-file">
|
|
518
|
+
|
|
519
|
+
{{ form.image }}
|
|
520
|
+
|
|
521
|
+
<label class="custom-file-label" for="customFile">
|
|
522
|
+
|
|
523
|
+
推定したいファイルを選択してください
|
|
524
|
+
|
|
525
|
+
</label>
|
|
526
|
+
|
|
527
|
+
</div>
|
|
528
|
+
|
|
529
|
+
</div>
|
|
530
|
+
|
|
531
|
+
<button type="submit" class="btn btn-primary">推定する！</button>
|
|
532
|
+
|
|
533
|
+
</from>
|
|
534
|
+
|
|
535
|
+
</div>
|
|
536
|
+
|
|
537
|
+
{% endblock %}```
|
|
538
|
+
|
|
539
|
+
|
|
540
|
+
|
|
541
|
+
|
|
542
|
+
|
|
543
|
+
```
|
|
544
|
+
|
|
545
|
+
|
|
546
|
+
|
|
547
|
+
**forms.pyコード**
|
|
548
|
+
|
|
549
|
+
```python:forms.py
|
|
550
|
+
|
|
551
|
+
from django import forms
|
|
552
|
+
|
|
553
|
+
|
|
554
|
+
|
|
555
|
+
class PhotoForm(forms.Form):
|
|
556
|
+
|
|
557
|
+
image = forms.ImageField(widget=forms.FileInput(attrs={'class':'custom-file-input'}))
|
|
558
|
+
|
|
559
|
+
```
|