質問編集履歴

3

2022/11/18 03:16

投稿

dimyas
dimyas

スコア24

test CHANGED
File without changes
test CHANGED
@@ -57,3 +57,39 @@
57
57
  - `new FormData`を使う
58
58
  - なぜか`req.body`内が文字化けした
59
59
 
60
+ ### 追記
61
+
62
+ #### FormDataを使った場合
63
+
64
+ 以下で送信はできた
65
+
66
+ ```TypeScript
67
+ const formData = new FormData();
68
+ formData.append("name", name || "");
69
+
70
+ for await(const [i, v] of Object.entries(images)) {
71
+ formData.append("files", v );
72
+ }
73
+
74
+
75
+ const post = await fetch(`${window.location.href}api/upload`, {
76
+ method: "POST",
77
+ body: formData,
78
+ });
79
+
80
+ console.log(await post.json());
81
+
82
+ ```
83
+ ただし、サーバー側での`console.log(req.body);`の中身が以下のようになって解析できない…
84
+
85
+ ```
86
+ // …省略
87
+ ������;�������|k����^}owa�<�+n�>��hM�n�նU
88
+ ���t���ѿ���]G��_���������1���X�� A&�29똺�;�������{���?����q�'@fΣ��]\��3���5��.����~Z��uw?�v�ak���?n�����du�����]��3�h޺���|��f=6K�h/#���k���T���J��u�+{��:�}G������
89
+ ���'���뫋�g>eo���L��V��������Y$�r� W�WI��gi��_��_�^s�
90
+ �?c�U�˕�w�H�w_F�e^���+��{�BW��GU�/嵉?s��&ߛms����[��'���������9'ߓ����Y�r�kN+��w��Kx-���:o��tK�-���ׄ�Y״u��G� �|��Y���Z��k���o���UO��g��O�῿[P����w�����!)?ܫ�槨��?���z���w�+�^y0ǽ�J�/����l������>c�:f��#�.-!K{���~�W��.�Mro��x��/�k����?��ڕ�����?��+i�3�!�x�J�;Ǹ�m��7ݮG·W���?ޭ������j��R����)���>#���'��I������Ѯ����h����&�d{��8�?1��i��.���+Q��o�jE4O�X$��7˾x��[����$����%���-wW'c���/���qQ�I��CY�����W�T�n}
91
+ �-!��H����<��U� ��7�#O�u_�zԷ_��mU�O����i�K����ǎKO9.><ϙ���#�ҿ
92
+ �I�%���<�c��������y���������������t{����[�G����o<���{�Ͽ�8�j�?����ڕ���
93
+ I�\��s�4K��70\F�G��gܯU���湣�I�[���ٷ���������c���Q?������=C�S������#yk�W��r;��[�n�^��e�=?�z�� �?�e|5�������rV�3>�}*84�{����߯�Ŧ���{gg�I�e��}5���d�&� &Lq���7]2��}68<+��c��vW��Z����ϸu������׫|Y�����O����.����
94
+ ------WebKitFormBoundarywYqLipnWjIwkPquM--
95
+ ```

2

2022/11/17 12:33

投稿

dimyas
dimyas

スコア24

test CHANGED
File without changes
test CHANGED
@@ -49,6 +49,7 @@
49
49
  ```TypeScript
50
50
  { name: 'TEST', files: [ {}, {} ] }
51
51
  ```
52
+ 画像を2枚選択して送信したのだが、`files`の中身が空のオブジェクトになっている
52
53
 
53
54
  ### 試したこと
54
55
 

1

実現したいことの追記

2022/11/17 11:38

投稿

dimyas
dimyas

スコア24

test CHANGED
File without changes
test CHANGED
@@ -6,6 +6,7 @@
6
6
  ### 実現したいこと
7
7
 
8
8
  - 複数画像の送信
9
+ - サーバー内で画像の保存
9
10
 
10
11
  ### 発生している問題
11
12