問題タブ [filepond]

ダウンロード画像または Pdf/任意のドキュメントを filepond に追加する方法。私は vue フレームワークで Filepond を使用しています。画像のサムネイルをクリックしたときに画像の大きなプレビューも必要です filepond でこれを達成する方法は?

filePond を使用して画像をアップロードする場合、たとえば galleryId などのデータでリクエストを装飾し、装飾されたデータで応答するにはどうすればよいですか? または、代替ソリューションはありますか？

背景: SellingItem と SellingItemImages の 2 つのモデルがあります。SellingItemImages には、複数のファイルを取得できるカスタム FileField があります。1 つの要素 (enctype="multipart/form-data") の下に 2 つのフォーム (itemform と imageform) を配置することで、ユーザーが複数の画像をアップロードできるようにしました。ここで、クライアント側の画像の最適化とより良い UI を組み込みたいと考えています。filepond を試してみましたが、いくつかの課題に直面しています。この投稿を整理しました

1. filepond なしで django コードを表示する
2. filepond what でコードを表示する
3. これまでにfilepondで達成しました
4. 次に何をすべきかについての質問

** 1) filepond なしの django コード。** models.py

ここにforms.pyがあります

これがviews.pyです

ここにテンプレート post_newitem.html があります。ここでは、1 つの要素の下に 2 つのフォームを配置します。

上記のコードは、ユーザーが複数の画像をアップロードできるようにするために機能します。前述のように、より優れた UI とクライアント側の画像の最適化を実現するために、この素​​敵な JavaScript ライブラリである filepond に目を向けました。

2) filepond を使用したコード

3) これまでに filepond で達成したこと

上記のコードで、できました。a. filepond ドロップ ドラッグ エリアを表示します。画像プレビューを表示 ｃ．次の画像に示すように、アップロードが完了したことを示す filepond d. Chrome 開発ツール コンソールで、「すべてのファイルのプロセスが終了しました」と表示される

2 つのファイルを選択した後の filepond ドロップ領域を示す画像

4) 次に何をすべきかについての質問

a: サーバー関連:「アップロードが完了しました」と表示された緑色のハイライトはユーザー向けであることを理解しています。これは、必ずしもファイルがサーバーにアップロードされることを意味するわけではありません。

ファイルはサーバーにアップロードされましたか? 私のサーバー構成です。正しい？ファイルが (コンソールを使用して) サーバーにアップロードされているかどうかを知るにはどうすればよいですか?

b: django 関連: ファイルがサーバーにアップロードされたら、これらのファイルを取得して適切な django モデル (私の場合、SellingItemsImages) を指すにはどうすればよいですか?

この投稿に示されているように files=request.FILES.getlist('filepond') を試しましたが、ファイルは空のリストを返しました。これがこのスニペットが機能しないためなのか、それとも最初からファイルをアップロードしていないためなのかはわかりません。

c: django フォーム関連: 背景で述べたように、2 つのフォームがあり、1 つは名前、価格などを含む通常のフォームです。画像をアップロードするための別のもの。filepond がなければ、1 つの post_newitem ビューで 1 つの送信ボタンを使用して両方のフォームを送信していました。filepond では、いくつかのオプションがあると思います。- オプション 2: filepond に (transformplugin を介して) 画像を最適化し、画像とその他のフォーム領域 (名前、価格など) を FormData として送信します。

これら 2 つのオプションの長所と短所、およびこれら 2 つのオプションをどのように進めていくかについて、何らかの情報を得たいと考えています。