JavaScript - Ajax postメソッドを使用して画像付きのフォームを送信する方法

Question

リーリー

2 番目のフォームには複数の画像があるため、ajax post メソッドを使用してフォームを送信する場合、上記 2 つのフォームのデータを一緒に送信するにはどうすればよいですか?

Answer 1

フォームデータを使用する

Answer 2

バックエンドに質問してください!通常、画像のアップロードによって返されるキーはバックエンドに与えられ、フォームはバックエンドによって定義されます。

Answer 3

html5 を使用して画像を BASE64 に変換し、ajax を通じてバックグラウンドに返します。バックグラウンドは画像を画像形式に変換し、base64 を通じてサーバーに保存します。
この教科書を参照できます
http://www.zhangxinxu.com/wor...

Answer 4

画像をアップロードする場合、base64 エンコードが正しい解決策です。

Answer 5

上記はすべてアイデアです。ajaxsubmit プラグインを使用した、より簡単な方法を提供します

Answer 6

base64 に変換しないでください。1/3 ずつ増加します。入力内の画像をキャンバスに描画し、base64 をフェッチすることをサポートするブラウザーは、xhr2.0 またはフェッチ API をすでにサポートしている必要があります。

Answer 7

formdata オブジェクトを作成し、オブジェクトに値を割り当て、formdata オブジェクトを Ajax データとして送信します。
これを参照することをお勧めします
http://www.ruanyifeng.com/blo...

Answer 8

ファイルをアップロードするには、通常、フォームを直接送信する必要があります (ただし、ページ全体が更新され、部分的な更新は iframe に埋め込むことで実現できます)。これはバックエンド自体によって解析されるか、w3c 標準の formData に従ってアップロードされます。一般に、プラグインでもこれら 2 つのメソッドが使用されます。