[JQUERY] 페이지에서 파일을 삭제하면 어떻게 파일의 입력 값을 설정하는 방법? [복제]
JQUERY페이지에서 파일을 삭제하면 어떻게 파일의 입력 값을 설정하는 방법? [복제]
해결법
-
1.면책 조항 년 12 월 2017와 같은 현대적인 브라우저만을위한 올바른.
면책 조항 년 12 월 2017와 같은 현대적인 브라우저만을위한 올바른.
* 당신은의 dataTransfer 또는 파일리스트 객체가있는 경우
이전 프로그램 파일 입력을 변경 [유형 = 파일] 필드 인해 최신 브라우저에 고정되어 기존의 보안 취약점으로 비활성화되었습니다.
주요 브라우저 (파이어 폭스)의 마지막, 최근에 입력 파일 필드에 파일을 설정할 수있게되었습니다. W3C 테스트에 따르면, 이미 구글 크롬에이 작업을 수행 할 수 있다는 것!
MDN을 인용 관련 스크린 샷 및 텍스트 :
파이어 폭스 버그 수정 토론 스레드는 당신이 그것을 테스트 할 수 있습니다이 데모를 가지고 있으며, 여기 당신이 편집 그것을 원한다면 소스입니다. 경우 향후 참조를 위해이 링크 다이는, 또한 아래의 실행 가능한 코드 조각으로 포함됩니다 :
대상 = document.documentElement하자; 몸 =는 document.body하자; 하자 fileinput 함수 document.querySelector = ( '입력'); target.addEventListener ( '로 dragOver'(E) => { e.preventDefault (); body.classList.add는 ( '드래그'); }); target.addEventListener ( 'dragleave'() => { body.classList.remove는 ( '드래그'); }); target.addEventListener ( '드롭'(E) => { e.preventDefault (); body.classList.remove는 ( '드래그'); fileInput.files는 e.dataTransfer.files를 =; }); 몸 { 글꼴 - 가족 : Roboto로, 산세 리프; } body.dragging :: 전에 { 내용 : "어느 곳이 페이지에서 파일을 드롭"; 위치 : 고정; 왼쪽 : 0; 폭 : 100 %; 최고 : 0; 신장 : 100 %; 표시 : 플렉스; 정당화 - 내용 : 센터; 정렬-항목 : 센터; 폰트 크기 : 1.5em; 배경색 : RGBA (255, 255, 0, 0.3); 포인터 이벤트 : 없음; } 버튼 입력 { 글꼴 - 가족 : 상속; } ㅏ { 파란색; }
<메타 캐릭터 = "UTF-8"> <메타 이름 = "뷰포트"내용 = "= 폭 소자 폭"> <링크 HREF = "https://fonts.googleapis.com/css?family=Roboto:400,400i,700"REL = "스타일">JS 빈 TITLE> head> 파일 입 H1>에드래그 앤 드롭 파일 웹킷 깜빡임 를 지원
<작은>. 테스트, 드래그와하는이 페이지에 운영 체제에서 하나 개 이상의 파일을 놓습니다. 작은> P>
p> body> HTML>
document.querySelector('.preview-image-instruction') .addEventListener('drop', (ev) => { ev.preventDefault(); document.querySelector('.image-url').files = ev.dataTransfer.files; });
from https://stackoverflow.com/questions/47515232/how-to-set-file-input-value-when-dropping-file-on-page by cc-by-sa and MIT license
'JQUERY' 카테고리의 다른 글
[JQUERY] 수동 catch되지 않은 TypeErrors에서 PrimeFaces 결과로 / 로딩 jQuery를 추가 (0) | 2020.09.26 |
---|---|
[JQUERY] jQuery를 아이디 선택은 첫 번째 요소에 대해서만 작동합니다 (0) | 2020.09.26 |
[JQUERY] 브라우저 / 탭이 활성화되어 있는지 확인하는 방법 [중복] (0) | 2020.09.26 |
[JQUERY] jQuery를에 div 요소를 생성 [중복] (0) | 2020.09.26 |
[JQUERY] jQuery를 함께 현재의 URL을 얻을? (0) | 2020.09.26 |