> 웹 프론트엔드 > JS 튜토리얼 > 플러그인 없이 jQuery Ajax 파일 업로드를 수행하는 방법은 무엇입니까?

플러그인 없이 jQuery Ajax 파일 업로드를 수행하는 방법은 무엇입니까?

Linda Hamilton
풀어 주다: 2024-12-24 17:05:17
원래의
500명이 탐색했습니다.

How to Perform jQuery Ajax File Uploads Without Plugins?

플러그인을 사용하지 않고 jQuery Ajax 파일 업로드

jQuery의 AJAX를 사용하여 파일을 업로드하려면 최신 브라우저에서 지원되는 XHR2를 사용해야 합니다. 플러그인 없이 AJAX를 사용하여 파일 업로드를 수행하려면 FormData 개체를 사용해야 합니다.

코드:

 var formData = new FormData();
 formData.append("file", file); // Replace "file" with your file input element's name

$.ajax({
    type: "POST",
    timeout: 50000,
    url: url,
    data: formData,
    contentType: false,
    processData: false, // Don't process the form data, leave it as pure binary data
    success: function (data) {
        alert('success');
        return false;
    }
});
로그인 후 복사

참고:

  • FormData 객체는 텍스트 입력 필드와 같은 다른 데이터도 포함합니다.
  • contentType 및 processData 옵션은 jQuery가 AJAX 요청의 일부로 데이터를 자동으로 변환하지 못하도록 false로 설정됩니다.
  • 다음을 포함해야 합니다. 파일 입력 요소의 이름 속성을 사용하여 formData 개체의 파일 이름.
  • AJAX 파일 업로드는 모든 브라우저에서 지원되지 않을 수 있습니다. 브라우저 호환성을 확인하세요.

위 내용은 플러그인 없이 jQuery Ajax 파일 업로드를 수행하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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