ホームページ > ウェブフロントエンド > jsチュートリアル > jQueryを使用してBlobをサーバーにアップロードするにはどうすればよいですか?

jQueryを使用してBlobをサーバーにアップロードするにはどうすればよいですか?

DDD
リリース: 2024-11-05 17:43:02
オリジナル
826 人が閲覧しました

How to Upload a Blob to a Server Using jQuery?

JavaScript での BLOB のアップロード

HTML5 API を使用して記録されたオーディオ データやビデオ データなどのデータ BLOB をサーバーにアップロードすることは、Web アプリケーションの一般的なタスクです。この記事では、JavaScript、特に jQuery を使用して BLOB をサーバーにアップロードする方法を説明します。

jQuery ファイル アップロード メソッド

提供されたコード スニペットで使用されている jQuery post() メソッド。 BLOB のようなバイナリ データのアップロードには適していません。この目的には、代わりに FormData API の使用をお勧めします。

FormData オブジェクトの作成

FormData を使用するには、新しい FormData オブジェクトを作成し、必要なデータをそれに追加します。提供された例では、ファイル名と BLOB データを FormData オブジェクトに追加します。

<code class="javascript">var fd = new FormData();
fd.append('fname', 'test.wav');
fd.append('data', soundBlob);</code>
ログイン後にコピー

jQuery を使用した AJAX リクエスト

次に、jQuery の $.ajax() メソッドを使用して、マルチパート/フォームデータリクエストとしての FormData オブジェクト。リクエストのタイプ、URL、データを指定し、processData と contentType を false に設定します。

<code class="javascript">$.ajax({
    type: 'POST',
    url: '/upload.php',
    data: fd,
    processData: false,
    contentType: false
}).done(function(data) {
       console.log(data);
});</code>
ログイン後にコピー

このコードは、BLOB データをファイル名とともに /upload.php のサーバー側 PHP スクリプトに送信します。 、応答をログに記録します。

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

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート