jQuery를 사용하여 여러 파일 입력 값을 변경하는 방법은 무엇입니까?

Question

<input type="file" name="upload">의 값을 jQuery와 함께 얻으려면 $('input').val()을 사용할 수 있습니다.

그러나 동일한 방법을 사용하여 <input type="file" name="upload[]" multiple> (다중 파일 입력) 값을 가져 오는 것은 하나의 파일 만 반환하며 모든 파일을 반환하지는 않습니다.

다른 방법이 있습니까?

document.forms[index].elements[index].files 

캐시에

Answer 1

시도 콘솔 값이 $('input').val()를 사용할 때 그 입력의 첫 번째 값을 반환하기 때문입니다 그들

Answer 2

을 통해 루프. 모든 값을 얻기 위해 루프를 돌릴 필요가 있습니다. 아래의 코드를 참조하십시오

var $uploads = $('input'); 

$uploads.each(function() { 

    console.log($(this).val()); 

}); 

Answer 3

내가 다른 게시물에서 몇 가지 코드를 사용 ...

$('input[type=file]').val() 

.. 그리고 각 특정 파일 입력 필드의 ID를 추가했다. 아래 코드는 입력에서 경로를 가져 와서 파일 이름 만 가져오고 두 개의 다른 파일 업로드 필드에 대해 다른 필드에 해당 값을 표시합니다. 1 톤이 넘는 경우 다음 코드를 기반으로 루프를 만들 수 있습니다.

$('#File1').change(function(){ // when you leave the File1 form field 
    var filename1 = $('input[type=file][id=File1]').val().split('\\').pop(); // get just the filename 
    $('#DL_Filename1').val(filename1); // and place it in the DL_Filename1 box 
}); // end change 

$('#File2').change(function(){ // when you leave the File2 form field 
    var filename2 = $('input[type=file][id=File2]').val().split('\\').pop(); // get just the filename 
    $('#DL_Filename2').val(filename2); // and place it in the DL_Filename2 box 
}); // end change