jquery - jQuery + Ajaxで選択したファイルの内容を取得する方法

Question

以下のようなファイルアップロード要素があります。

<input type="file" id="uploadFile">

以下のように、jQueryスクリプトで選択したファイルのパスと名前を取得できます。

var filePath = $("#uploadFile").val();
var fileName = filePath.split('\\').pop();

ファイルの内容 (オブジェクトまたは文字列形式だと思います) を取得し、サーバー アクションに送信する方法を教えてください。

Answer 1

まず、を使用してファイル入力要素のパスを取得することはできません$("#uploadFile").val();。これは、セキュリティ上の理由から、最新のブラウザーのほとんどで制限されています。

次に、最初のものをアップロードし、コンテンツを読み取り、ajax を使用してコンテンツをページに戻す必要があります。

jQuery Formプラグインを使用して、フォームを送信し、バックエンドでファイルの内容を取得できます。