5

1 つの注目の画像とギャラリー画像の配列を持ついくつかの基本的なフィールドを持つことができる更新 (パッチ フォーム) があります。

updatePhotoPreview(event) {
   this.featuredImagePreview = URL.createObjectURL(event.target.files[0])
   this.updateProductForm.featured_image = event.target.files[0]
},

リクエストを送信する前、およびリクエスト ヘッダー内であっても、注目の画像はファイルとバイナリです。

次に、フォームを投稿するだけですthis.form.patch(url)。

Featured_image は画像でなければならないというエラーが表示されます。

リクエストをダンプしましたが、どういうわけか、featured_image の値がここに画像の説明を入力空の配列に設定されています。

ギャラリーの画像も同様で、空の配列の配列になっています。

ルートをpost、putに変更してみましたが、結果は同じです、カスタムヘッダーを追加しました

 { headers: {'Content-Type': 'multipart/form-data'} }

結果は同じです。

しかし、POST メソッドを使用して、このリソースの create エンドポイントに対して同じフォームが機能しています。すべてのリクエストクラスとダンプを削除しましたrequest()->all()

どうすればこれを修正できますか?

4

4 に答える 4

-1 
var data = new FormData()
data.append('first_name', first_name || '')
data.append('last_name', last_name || '')
data.append('email', email || '')
data.append('password', password || '')
data.append('photo', photo || '')

Inertia.post('/users', data)

これを試して。FormData() インスタンス化を使用するだけです

ドキュメントを参照してください https://inertiajs.com/forms#file-uploads

于 2020-12-23T18:25:41.643 に答える