ユーザーがフォームに入力している間にファイルをアップロードする

ハリドアミン

ユーザーが写真を含む広告を投稿できるフォームを作成しています。ユーザーがこのフォームにアクセスする前にログイン/登録する必要はありません。ユーザーがフォームに入力している間、写真を非同期でアップロードする必要があります。(たとえば、gumtree.com.auを使用すると、新しい広告の作成中に写真をアップロードできます)

ユーザーがファイルを選択するとすぐにファイルのアップロードを開始できることを私は知っています。ただし、サーバー側では、後でユーザーがフォームを送信したときに、これらのファイルをどのように識別できますか?ユーザーが未記入のフォームを放棄した場合、アップロードされたファイルを処理するにはどうすればよいですか?

これを適切に実現するための典型的なデザインパターンは何ですか?

タソス

これは1つのアプローチです

パート1

ユーザーがサイトにアクセスすると、サーバーに接続し、ランダムに生成された10文字の英数字(Xf4ht5Y4u9など)を送信します。これはユーザーIDコードです

クライアント側で少しのjavascriptとajaxを使用して簡単に実現できます

サーバー側では、PHPを使用して、ユーザーIDコードで名前が付けられた一時ディレクトリを作成できます。

パート2

ユーザーがファイルをアップロードし、この一時フォルダーに非同期で送信します

パート3

ユーザーがフォームに入力= true ---フォームや画像を処理するなどのアクションを実行し、一時フォルダーからそれらを移動します。一時フォルダは空になりました。機能的に必要な場合は、アップロードの次のバッチに使用できます。ファイルがまだアップロードされている場合に備えて、アップロード成功のコールバックを待つことができます

ユーザーがフォームに入力= false ---アップロードされたファイルは、処理されていないため、一時フォルダーに残ります。

パート4

サーバーサイドハウスキーピング。現在の日付からx日以上経過している場合は、一時フォルダーを1日1回確認し、スペースを節約するために削除します。任意のプラットフォームでシェルスクリプトを使用して実行できます

未処理のファイルがサーバー上でどれだけ長くぶら下がっているのか心配な場合は、上記のロジックを変更してください。たとえば、1時間ごとにハウスキーピングを実行し、一時フォルダの経過時間が6時間以上かどうかを確認します。

万が一、ユーザーが今すぐファイルをアップロードし、6時間以内にフォームに入力してから、サーバー側でクライアントに報告して、ファイルが削除されたため、再度アップロードする必要があることを通知できます。しかし、これはすべて、スペースが問題であるかどうかによって異なります。

5時間後にポップアップウィンドウを自動的に開いて、アップロードされたファイルがまだフォームに入力されていないとすぐに削除されることを通知できます。

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

ユーザーがフォームに入力している間にファイルをアップロードする

分類Dev

PHPを使用してユーザーがアップロードしたファイルをCloudSQLに保存する

分類Dev

ユーザーがデータをアップロードした後に選択されたユーザー入力に基づいてデータフレームをフィルタリングする

分類Dev

ユーザーがjspの1つのフィールドに入力した場合、他のフォームフィールドに自動的に入力するにはどうすればよいですか(spring mvcとhibernateを使用している間)

分類Dev

ユーザーが値を入力すると、jsonファイルからフォームフィールドにデータが入力されます

分類Dev

ユーザーがHTMLフォームを使用してファイルをアップロードしていることをjQueryで検証するにはどうすればよいですか?

分類Dev

アップロードフォームからDjangoユーザープロファイルに画像をアップロードする

分類Dev

Django:AJAXを使用したファイルのアップロード:フォームに、ファイル入力フィールドが空である(またはCSRFトークンがないか正しくない)と表示されます

分類Dev

ユーザーがログインしていないときにファイルをDropboxにアップロードすることは可能ですか?

分類Dev

ドロップダウンからのユーザーの選択に基づいてフォームフィールドに入力する

分類Dev

ユーザーとして Slack API を使用してファイルをアップロードするには?

分類Dev

クライアントブラウザからのPOSTリクエストを受け付けているフロントエンドサーバーからバックエンドサーバー(アップロード用)にファイルを送信する方法(フォームデータ->ファイル入力)?

分類Dev

クライアントブラウザからのPOSTリクエストを受け付けているフロントエンドサーバーからバックエンドサーバー(アップロード用)にファイルを送信する方法(フォームデータ->ファイル入力)?

分類Dev

ユーザー入力に基づいて動的に外部Javascriptファイルをロードする

分類Dev

GPOを介してローカルユーザープロファイルに新しいファイアウォールルールを追加する

分類Dev

内部にフォルダがあるzipファイルをアップロードするようにユーザーを制限します

分類Dev

ユーザーがフォームに入力しているのにセッションがタイムアウトする

分類Dev

ユーザー入力に基づいて条件付きでフォームフィールドを表示する

分類Dev

ユーザーフォルダにファイルをアップロードする

分類Dev

ユーザーが新しいファイルをアップロードするときに既存のファイルを削除する方法

分類Dev

ボットフレームワークを使用してユーザーにファイルをアップロードする

分類Dev

ユーザーがアップロードしたファイルをrailsのs3に送信する

分類Dev

djangoでの開発中にユーザーがアップロードしたファイルを提供する

分類Dev

ユーザー入力に基づいてファイルからフォントを動的にロードする

分類Dev

Drupal 7でユーザーがWebフォームに入力した条件に応じて、ティーザー(フィールド)を表示する方法は?

分類Dev

iOSユーザーが自分のWebサイトのhtml入力フィールドを介してドキュメントをアップロードできるようにするにはどうすればよいですか?

分類Dev

ユーザー入力に基づいて多数のフォームアイテムを作成する

分類Dev

ユーザー入力に基づいて多数のフォームアイテムを作成する

分類Dev

ユーザーが挿入したxmlファイルをhtmlフォームに入力します

Related 関連記事

  1. 1

    ユーザーがフォームに入力している間にファイルをアップロードする

  2. 2

    PHPを使用してユーザーがアップロードしたファイルをCloudSQLに保存する

  3. 3

    ユーザーがデータをアップロードした後に選択されたユーザー入力に基づいてデータフレームをフィルタリングする

  4. 4

    ユーザーがjspの1つのフィールドに入力した場合、他のフォームフィールドに自動的に入力するにはどうすればよいですか(spring mvcとhibernateを使用している間)

  5. 5

    ユーザーが値を入力すると、jsonファイルからフォームフィールドにデータが入力されます

  6. 6

    ユーザーがHTMLフォームを使用してファイルをアップロードしていることをjQueryで検証するにはどうすればよいですか?

  7. 7

    アップロードフォームからDjangoユーザープロファイルに画像をアップロードする

  8. 8

    Django:AJAXを使用したファイルのアップロード:フォームに、ファイル入力フィールドが空である(またはCSRFトークンがないか正しくない)と表示されます

  9. 9

    ユーザーがログインしていないときにファイルをDropboxにアップロードすることは可能ですか?

  10. 10

    ドロップダウンからのユーザーの選択に基づいてフォームフィールドに入力する

  11. 11

    ユーザーとして Slack API を使用してファイルをアップロードするには?

  12. 12

    クライアントブラウザからのPOSTリクエストを受け付けているフロントエンドサーバーからバックエンドサーバー(アップロード用)にファイルを送信する方法(フォームデータ->ファイル入力)?

  13. 13

    クライアントブラウザからのPOSTリクエストを受け付けているフロントエンドサーバーからバックエンドサーバー(アップロード用)にファイルを送信する方法(フォームデータ->ファイル入力)?

  14. 14

    ユーザー入力に基づいて動的に外部Javascriptファイルをロードする

  15. 15

    GPOを介してローカルユーザープロファイルに新しいファイアウォールルールを追加する

  16. 16

    内部にフォルダがあるzipファイルをアップロードするようにユーザーを制限します

  17. 17

    ユーザーがフォームに入力しているのにセッションがタイムアウトする

  18. 18

    ユーザー入力に基づいて条件付きでフォームフィールドを表示する

  19. 19

    ユーザーフォルダにファイルをアップロードする

  20. 20

    ユーザーが新しいファイルをアップロードするときに既存のファイルを削除する方法

  21. 21

    ボットフレームワークを使用してユーザーにファイルをアップロードする

  22. 22

    ユーザーがアップロードしたファイルをrailsのs3に送信する

  23. 23

    djangoでの開発中にユーザーがアップロードしたファイルを提供する

  24. 24

    ユーザー入力に基づいてファイルからフォントを動的にロードする

  25. 25

    Drupal 7でユーザーがWebフォームに入力した条件に応じて、ティーザー(フィールド)を表示する方法は?

  26. 26

    iOSユーザーが自分のWebサイトのhtml入力フィールドを介してドキュメントをアップロードできるようにするにはどうすればよいですか?

  27. 27

    ユーザー入力に基づいて多数のフォームアイテムを作成する

  28. 28

    ユーザー入力に基づいて多数のフォームアイテムを作成する

  29. 29

    ユーザーが挿入したxmlファイルをhtmlフォームに入力します

ホットタグ

アーカイブ