<input name=myFile type=file>
(1) 다중: 사용자가 다중 값을 선택할 수 있는지 여부를 나타냅니다. 여러 개는 유형=파일 및 유형=이메일에만 사용할 수 있습니다.
(2) 승인: 서버에서 승인한 파일 형식입니다. 그렇지 않으면 무시됩니다.
audio/*는 사운드 파일을 나타냅니다. HTML5에서만 지원됩니다.
video/*는 비디오 파일을 나타냅니다. HTML5에서만 지원됩니다.
image/*는 이미지 파일을 나타냅니다. HTML5에서만 지원됩니다.
(3) 필수: 이 속성은 사용자가 양식을 제출하기 전에 값을 입력해야 함을 지정합니다.
3. 업로드된 파일 정보 가져오기 <!DOCTYPE html><html lang=zh> <head> <meta charset=UTF-8 /> <meta http-equiv=X-UA-Compatible content=ie=edge /> <title>파일 다중</title> </head> <body> <input type=file multiple=multiple id=test> <p id='content'></p> <script type=text/javascript> var test = document.getElementById('test'); test.addEventListener('change', function() { var t_files = this.files; var str = ''; for(var i = 0, len = t_files.length; i < len ; i++) { console.log(t_files[i]) str += '<a href=javascript:void(0)>' + t_files[i].name + '</a><br/>' }; document.getElementById('content').innerHTML = str }, false);보여주다:
보다 구체적인 사용법은 MDN: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file을 참조하세요.
요약위 내용은 에디터가 소개한 새로운 HTML5 기능인 type=file 파일업로드 기능입니다. 문의사항이 있으시면 메시지를 남겨주시면 에디터가 시간 맞춰 답변해드리겠습니다. 또한 VeVb 무술 웹사이트를 지원해 주신 모든 분들께 감사드립니다!