問題タブ [filepond]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
reactjs - 単一のファイルをアップロードする場合、Filepond は「実際の」ファイルを送信する前に空のファイルを送信します
Filepond がサーバー メソッドにアップロードしているものを理解しようとしていますが、非常に紛らわしいことに遭遇しました。私はprocess
サーバー方式のみを使用しており、一度に 1 つのファイルでテストしています。これが私のFilepond定義です(これはtypescriptに反応します)
files
状態オブジェクトで として定義されますany[]
。processFiles()
コンポーネントが維持する要素 ref を介して呼び出すことにより、アップロードを手動でトリガーしています。getProcessUrl
ページの別の場所で生成された ID に基づいて for FilePond を構築し、ServerUrl
渡す認証ヘッダーを与えます。したがって、基本的にserver.process
は次のようになります。
単一のファイルが追加された状態でアップロードがトリガーされた場合 (それが重要な場合はドラッグ アンド ドロップを介して、ブラウズでこれをテストしていないことがわかります) state.files
、配列に 1 つの項目があることを確認します。ただし、Filepond がサーバーに送信する内容は次のようになります。
最初に送信される「filepond」という名前の余分なフォームデータに注意してください。
私はドキュメントを見てきましたが、実際の投稿本文がこの場合、マルチパートフォームデータを期待するように言わない限り、どのように見えるべきかについて漠然としているので、私が見ているものを理解していません. その追加のフォーム データがそこにあるはずで、サーバー コードはそれを無視する必要がありますか?
ありがとう。
php - Symfony フォーム データがカスタム フォーム イメージ タイプのテーマで送信されない
FilePond というプラグインを使用して、VichUploaderBundle で画像をアップロードする際の見栄えを良くしています。したがって、バンドルのデフォルトの form_row テンプレートを回避するために、カスタム テンプレートを作成しました。
次に、ページにテンプレートをレンダリングします。
そして、これはコントローラーのアクションです:
フォーム送信でファイル入力の内容が送信されていないように見える問題。name プロパティ null のエラーが発生します。
以下のように $image 変数と $form-getData() をダンプします。
タグ入力は正常に機能していますが、問題はファイル入力にあることを意味します。
ImageType.php のビルダーは次のとおりです。残りはデフォルトです。