ディレクトリ
2. HTML5 FormDataメソッドの紹介とファイルのアップロード
1.はじめに
MVCフレームワークの次のプロジェクトでは、Webエンドがフォームフォームを使用して情報をバックグラウンドに送信します。送信された情報にファイルがあり、最初はそれを処理する方法がわかりません。後で、ブログで他の人が解決したことを確認しました。ここでは、問題を整理して拡張しています。
2. HTML5 FormDataメソッドの紹介とファイルのアップロード
手順:
1.問題の説明
フロントエンドは、フォームフォームを介して画像を送信します。画像の種類はファイルです。バックグラウンドでどのように受信しますか?
2.例
1. FormDataの概要
FormDataはESによって提供されるAPIであり、ajaxファイル送信の実装に使用できます。fomdataは実際にはXMLHttpRequestのオブジェクトであり、それを使用してフォームを送信し、フォーム送信をシミュレートし、formDataを使用して転送します。利点は、ファイルと画像を転送できることです。
2.基本的な使用法:
FormDataオブジェクトは、すべてのフォーム要素の名前と値をqueryStringに形成し、バックグラウンドに送信できます。フォームフォームをパラメーターとしてFormDataコンストラクターに渡すだけです。
var form = document.getElementById( "form1");
var formData = new FormData(form);
3.コードの記述
htlmおよびjsコードは直接参照されます:https ://blog.csdn.net/weixin_42193004/article/details/86509283#%E6%8E%A7%E5%88%B6%E5%99%A8
コンソールはデータを受信します
データを受信するコンソールでは、ファイルタイプの画像はHttpPostedFileBaseのインスタンスとして受信されるため、HttpPostFileBaseクラスについては以下で具体的に検討します。
注:まず、ファイルをアップロードするため、アップロードのサイズには一定の要件があることに注意してください。getリクエストは通常2kまでです。Post理論的にはサイズの制限はありません。
3.HttpPostedFileBase类
名前空間:System.Web
アセンブリ:System.Web.dll
定義
クライアントによってアップロードされた単一のファイルへのアクセスを提供するクラスの基本クラスとして使用されます。
したがって、フォアグラウンドでアップロードされたファイルには、このタイプの仮パラメーターが渡されます。
ContentLength | 派生クラスでオーバーライドされると、アップロードされたファイルのサイズ(バイト単位)を取得します。 |
ContentType | 派生クラスでオーバーライドされると、アップロードされたファイルのMIMEコンテンツタイプを取得します。 |
ファイル名 | 派生クラスでオーバーライドされると、クライアント上のファイルの完全修飾名(絶対パス)を取得します。 |
InputStream | 派生クラスでオーバーライドされる と、ファイルのコンテンツを読み取る準備として、アップロードされたファイルを指すStreamオブジェクトを取得 します。 |
Equals(オブジェクト) | 指定したオブジェクトが現在のオブジェクトと等しいかどうかを判断します。 (から継承 オブジェクト) |
GetHashCode() | デフォルトのハッシュ関数として使用されます。 (から継承 オブジェクト) |
GetType() | 現在のインスタンスのタイプを取得します 。 (から継承 オブジェクト) |
MemberwiseClone() | 現在のObjectの 浅いコピーを作成します 。 (から継承 オブジェクト) |
SaveAs(String) | 派生クラスでオーバーライドされると、アップロードされたファイルのコンテンツを保存します。 |
ToString() | 現在のオブジェクトを表す文字列を返します。 (から継承 オブジェクト) |