Ajax XMLHttpRequest を使用したファイルのアップロード:「マルチパート境界が見つかりません」エラーのトラブルシューティング

XMLHttpRequest を使用してファイルをアップロードしようとすると、 「マルチパート境界が見つからなかったため、リクエストは拒否されました。」のようなエラーが発生します。この問題は、ファイルが multipart/form-data リクエストとして正しく送信されない場合に発生します。

よくある間違いの 1 つは、コード:

xhr.file = file; // not necessary if you create scopes like this

このメソッドは間違っています。代わりに、ファイルを FormData オブジェクトにラップする必要があります。これにより、適切なマルチパート/フォームデータ要求ペイロードが構築されます。

var formData = new FormData();
formData.append("thefile", file);

ファイルを FormData オブジェクトに追加したら、xhr.send(formData); を使用できます。リクエストを送信します。 PHP を使用している場合、ファイルは $_FILES['thefile'] 内のサーバー側でアクセスできます。

Ajax XMLHttpRequest を使用したファイルのアップロードに関する詳細なガイダンスについては、MDC や Mozilla Hack デモなどのリソースを参照してください。