멀티 파일 업로드

예를들어 이미지를 업로드하고자 했을때는 다음과 같이 html태그를 입력한다.

<!-- 복수의 파일리더기 -->

<form action="upload/" method="post" enctype="multipart/form-data">

{% csrf_token %}

<input type="file" id="files" name="files" multiple />

<output id="list"></output>

<input type="submit" value="upload" /> 

</form>

그리고 이를 받는 곳은 다음과 같이 받으면 된다.

    if request.method == 'POST':

        for f in request.FILES.getlist('files'):

            print f

getlist() 함수가 받는 인자는 input으로 전해진 files이다.

아래는 실제로 윈도우에서 동작하는지에 대한 코드

<script>

//실제로 이미지 업로드가 동작하는지 여부.

if (window.File && window.FileReader && window.FileList && window.Blob) {

      console.log("file reader available")

} else {

      alert('The File APIs are not fully supported in this browser.');

}

</script>