jQuery의 ajax 메소드를 사용하여 이미지를 Blob으로 검색하려면 어떻게 해야 합니까?

jQuery의 ajax 메서드를 사용하여 이미지를 Blob으로 검색

배경:
이전 질문에서 논의한 것처럼 다음이 필요합니다. jQuery를 사용하여 이미지를 검색하고 나중에 POST 요청에 사용할 수 있도록 Blob으로 저장합니다. 그러나 jQuery의 데이터 유형은 이미지를 명시적으로 언급하지 않습니다.

문제:
CoffeeScript(및 이에 상응하는 JavaScript)의 현재 코드는 jQuery.get() 및 FormData 개체에 Blob으로 저장합니다. 그러나 이 접근 방식은 데이터 유형의 불일치로 인해 이미지가 손상되는 결과를 낳습니다.

질문:
jQuery의 ajax를 사용하여 이미지를 Blob으로 검색할 수 있는 실행 가능한 방법이 있습니까? 방법?

답변:

접근 방법 1: 기본 XMLHttpRequest 사용

이미지를 jQuery의 ajax 메소드만 사용하는 Blob. 그러나 기본 XMLHttpRequest를 활용하면 솔루션이 제공됩니다. 다음은 JavaScript 코드 조각입니다.

이 코드에서는 XMLHttpRequest 객체가 생성되고 해당 responseType이 'blob'으로 설정됩니다. onreadystatechange 이벤트는 응답을 처리하고 이미지에 대한 객체 URL을 생성하는 데 사용됩니다.

접근 방법 2: jQuery 3 사용

그러나 다음과 같이 언급할 가치가 있습니다. jQuery 버전 3에서는 이제 이미지를 Blob으로 검색할 수 있습니다. 다음은 jQuery 3을 사용하여 수정된 JavaScript 코드 조각입니다.

이 코드 조각에서는 jQuery의 xhr() 함수를 사용하여 XMLHttpRequest 개체에 대한 액세스 권한을 얻고 해당 responseType을 'blob'로 설정합니다. 이를 통해 이미지를 Blob으로 검색하여 원하는 대로 사용할 수 있습니다.

위 내용은 jQuery의 ajax 메소드를 사용하여 이미지를 Blob으로 검색하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!