> 웹 프론트엔드 > JS 튜토리얼 > 양식 제출을 위해 개체 URL을 파일이나 Blob으로 변환하는 방법은 무엇입니까?

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

Patricia Arquette
풀어 주다: 2024-10-30 04:31:28
원래의
570명이 탐색했습니다.

How to Convert an Object URL to a File or Blob for Form Submissions?

객체 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿