> 웹 프론트엔드 > JS 튜토리얼 > jQuery를 사용하여 파일 입력 컨트롤의 값을 어떻게 지울 수 있나요?

jQuery를 사용하여 파일 입력 컨트롤의 값을 어떻게 지울 수 있나요?

Mary-Kate Olsen
풀어 주다: 2024-12-13 03:01:16
원래의
917명이 탐색했습니다.

How Can I Clear a File Input Control's Value Using jQuery?

jQuery로 파일 입력 제어 지우기

질문이 생깁니다: HTML 파일 입력 제어(< 입력 유형="파일") jQuery를 사용합니까? attr({ value: '' })를 통해 요소의 값을 빈 문자열로 설정하는 기존 접근 방식은 효과적이지 않습니다.

이 문제를 해결하기 위해 독특한 솔루션이 등장합니다. 파일 입력 컨트롤은 양식 요소 내에 래핑됩니다. 이어서 양식에서 재설정 메소드가 호출되어 입력 값이 효과적으로 지워집니다. 마지막으로 unwrap() 함수를 사용하여 양식이 제거됩니다.

결정적으로 이 기술은 원본 파일 입력 컨트롤을 그대로 유지하여 사용자 정의 속성이나 특성을 유지합니다. 테스트를 통해 Opera, Firefox, Safari, Chrome 및 IE6을 포함한 다양한 브라우저와의 호환성이 확인되었습니다.

다양성을 높이기 위해 이 접근 방식을 다른 양식 요소에도 적용할 수 있습니다. 그러나 숨겨진 입력 필드는 여전히 예외입니다.

아래는 이 솔루션을 구현하는 방법을 보여주는 코드 조각입니다.

window.reset = function(e) {
  e.wrap('<form>').closest('form').get(0).reset();
  e.unwrap();
};</p>
<pre class="brush:php;toolbar:false"><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<form>
  <input>
로그인 후 복사

위 내용은 jQuery를 사용하여 파일 입력 컨트롤의 값을 어떻게 지울 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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