ホームページ >ウェブフロントエンド >jsチュートリアル >プラグインを使用せずに jQuery Ajax ファイルのアップロードを実行するにはどうすればよいですか?

プラグインを使用せずに jQuery Ajax ファイルのアップロードを実行するにはどうすればよいですか?

Linda Hamilton
Linda Hamiltonオリジナル
2024-12-24 17:05:17505ブラウズ

How to Perform jQuery Ajax File Uploads Without Plugins?

プラグインを使用しない jQuery Ajax ファイル アップロード

jQuery の AJAX を使用したファイル アップロードには、最新のブラウザでサポートされている XHR2 を使用する必要があります。プラグインを使用せずに AJAX を使用してファイルのアップロードを実行する場合は、次を使用する必要があります。 theFormDataobject.

コード:

 var formData = new FormData();
 formData.append("file", file); // Replace "file" with your file input element's name

$.ajax({
    type: "POST",
    timeout: 50000,
    url: url,
    data: formData,
    contentType: false,
    processData: false, // Don't process the form data, leave it as pure binary data
    success: function (data) {
        alert('success');
        return false;
    }
});

メモ:

  • FormData オブジェクトテキスト入力などの他のデータも含めることができますjQuery が AJAX リクエストの一部としてデータを自動的に変換しないようにするため、
  • contentType および processData オプションは false に設定されます。
  • 名前を使用して、formData オブジェクトにファイル名を含める必要があります。 file input 要素の属性。
  • AJAX ファイルのアップロードは、すべてのブラウザでサポートされているわけではありません。ブラウザの互換性を確認してください。

以上がプラグインを使用せずに jQuery Ajax ファイルのアップロードを実行するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。