양식 제출을 위해 개체 URL을 파일이나 Blob으로 변환하는 방법은 무엇입니까?

객체 URL에서 파일 또는 Blob 검색

웹 애플리케이션에서 이미지 작업을 할 때는 드래그 앤 drop 또는 기타 방법을 통해 사용자가 파일을 업로드할 수 있습니다. 이러한 이미지를 표시하기 위해 일반적으로 URL.createObjectURL을 사용하여 해당 이미지를 개체 URL로 변환합니다. 그러나 이러한 이미지를 양식의 일부로 제출하는 경우 이러한 개체 URL을 어떻게 다시 파일 또는 Blob으로 변환하고 FormData 개체에 추가할 수 있는지에 대한 의문이 제기됩니다.

Modern 솔루션

최신 브라우저는 간단하고 효율적인 솔루션을 제공합니다.

<code class="javascript">let blob = await fetch(url).then(r => r.blob());</code>

이 코드는 개체 URL과 일반 URL 모두에서 파일 또는 Blob을 가져오는 데 사용할 수 있습니다. URL 매개변수는 이전에 생성된 개체 URL일 수 있습니다.

Blob이 있으면 이를 쉽게 FormData 개체에 추가하고 양식을 제출할 수 있습니다. 예는 다음과 같습니다.

<code class="javascript">// Assume you have the Blob from the object URL
const formData = new FormData();
formData.append('image', blob);

// Submit the form via AJAX or another mechanism
fetch('/upload', {
  method: 'POST',
  body: formData
});</code>

위 내용은 양식 제출을 위해 개체 URL을 파일이나 Blob으로 변환하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!