HTML5 API를 사용하여 녹음된 오디오 또는 비디오 데이터와 같은 데이터 Blob을 서버에 업로드하는 것은 웹 애플리케이션에서 일반적인 작업입니다. 이 문서에서는 JavaScript, 특히 jQuery를 사용하여 Blob을 서버에 업로드하는 방법을 보여줍니다.
제공된 코드 조각에 사용되는 jQuery post() 메서드는 Blob과 같은 바이너리 데이터를 업로드하는 데 적합하지 않습니다. 대신 FormData API를 사용하는 것이 좋습니다.
FormData를 사용하려면 새 FormData 객체를 생성하고 필요한 데이터를 여기에 추가하세요. 제공된 예에서 파일 이름과 blob 데이터를 FormData 개체에 추가합니다.
<code class="javascript">var fd = new FormData(); fd.append('fname', 'test.wav'); fd.append('data', soundBlob);</code>
다음으로 jQuery의 $.ajax() 메서드를 사용하여 Multipart/form-data 요청인 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!