Computer >> 컴퓨터 >  >> 프로그래밍 >> HTML

HTML 양식에서 여러 파일 업로드를 허용하는 방법

사용자가 웹사이트에 파일을 업로드할 수 있도록 하려면 파일 업로드 박스(file upload box), 즉 파일 선택 박스를 사용해야 합니다. 이는 <input> 요소를 사용하며, type 속성 값을 file로 지정하여 생성할 수 있습니다.

HTML 양식에서 한 번에 여러 개의 파일을 업로드할 수 있게 하려면 multiple 속성을 사용합니다. 이 multiple 속성은 emailfile 입력 유형(input type)에서 동작합니다.

HTML 양식에서 여러 파일 업로드를 허용하는 방법

예제

다음 코드를 실행하여 여러 개의 파일을 업로드하는 방법을 직접 확인해 보세요.

<!DOCTYPE html>
<html>
    <head>
        <title>여러 파일 업로드하기</title>
    </head>

    <body>
        <form>
            <input type="file" name="name" multiple><br><br>
            여러 파일을 업로드한 후 제출 버튼을 클릭하세요.<br>
            <input type="submit" value="Submit">
        </form>
    </body>
</html>

정리

multiple 속성은 불리언(Boolean) 속성이므로 별도의 값 없이 태그에 추가만 하면 됩니다. Ctrl 키(Windows) 또는 Command 키(Mac)를 누른 채 파일을 선택하면 한 번에 여러 파일을 선택할 수 있습니다. 서버 측에서는 선택된 파일들이 배열 형태로 전달되므로, PHP의 경우 name 속성에 대괄호를 붙인 name[] 형태로 지정하면 여러 파일을 더욱 편리하게 처리할 수 있습니다.