回答編集履歴

1

書式の改善

2021/12/25 05:28

投稿

skys215
skys215

スコア910

test CHANGED
@@ -1,5 +1,45 @@
1
+
2
+
3
+ この一行だけで複数のファイルをアップロードできます。
4
+
1
5
  ```HTML
2
6
 
3
- <input type="file" multiple="multiple" class="form-control" placeholder="" name="attachment[]" multiple value="" >
7
+ <input type="file" class="form-control" placeholder="" name="attachment[]" multiple value="" >
4
8
 
5
9
  ```
10
+
11
+ 1. multipleがついてるのでファイルを複数選択できる。
12
+
13
+ 2. nameに[]がついてることでバックエンドでアップロードしたファイルを配列として得ることができます。
14
+
15
+
16
+
17
+ ただし、アップロード後ファイルの添削、ファイルのプレビュー(イメージの場合)など行いたい場合はDropzone.jsなどのライブラリーを使って実装することをお勧めします。
18
+
19
+
20
+
21
+ データベースでは、5つカラム設定する必要はありません。[1対多](https://readouble.com/laravel/8.x/ja/eloquent-relationships.html#one-to-many)で複数のモデルを一つのモデルに関連することができます。
22
+
23
+
24
+
25
+ ②バリデーションでは`attachment[]`は配列であるため、[min](https://readouble.com/laravel/8.x/ja/validation.html#rule-min)で最低1枚の制限を設定できて、[max](https://readouble.com/laravel/8.x/ja/validation.html#rule-max)で最大5枚まで投稿できる制限を設定できます。
26
+
27
+
28
+
29
+ ③普段投稿したイメージの内容はデータベースに保存しません。保存するのはファイルのパスです。
30
+
31
+ なのでそのままイメージを表示することはできません。<img>要素を用いて表示します。
32
+
33
+ もし上記のリレーションを使えばこんな感じです:
34
+
35
+ ```PHP
36
+
37
+ @foreach($post->images as $image)
38
+
39
+ <img src="{{ $image->url }}"/>
40
+
41
+ @endforecah
42
+
43
+ ```
44
+
45
+ (imagesテーブルにurlカラムにファイルのURLが保存している場合)