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