하나의 입력 파일을 통해 여러 파일 입력 필드를 추가하는 방법

Question

내 시스템에서 다중 파일 입력을 허용하지 않으며 AJAX를 사용하지 않습니다.

내 상황은 하나의 입력 파일 "multiple"에서 이미지를 추가하고 숨겨진 파일 입력 수에 매핑하려고합니다. 그게 가능하니? 이 링크에서

내가 임시 파일 입력 매개 변수 "fileinput 함수"로 설정 시도하고 내가 배열에 "paramName에"로 설정

jQuery(document).ready(function($){ 
    $('#form').fileupload({ 
     paramName: ["images", "images2", "images3", "images4", "images5"], 
     fileInput: $('#form input#temp'), 
     replaceFileInput: false, 
     change: function (e, data) { 
         $.each(data.files, function (index, file) { 
          console.log('Selected file: ' + file.name); 
         }); 
        } 
    }) 
}) 

https://github.com/blueimp/jQuery-File-Upload/wiki/Options HTML

<form method="post" action="path"> 
    <input type="file" name="temp" id="temp" multiple> 
    <input type="file" name="images" id="images" style="display: none"> 
    <input type="file" name="images2" id="images2" style="display: none"> 
    <input type="file" name="images3" id="images3" style="display: none"> 
    <input type="file" name="images4" id="images4" style="display: none"> 
    <input type="file" name="images5" id="images5" style="display: none"> 
</form> 

자바 스크립트 다른 파일 입력 중 일부는 작동하지 않지만 해당 용도로 사용되지 않는 것으로 보입니다.

할 수 있습니까?

Answer 1

당신은 replaced..obviously 된 이미지의 양에 대한 몇 가지 코드를 조정할 수 각 사업부 IMG 대신에 각 사업부의 이미지를

function readURL(input) { 
    if (input.files && input.files[0]) { 
     var reader = new FileReader(); 

     reader.onload = function (e) { 
      $('#divId').attr('src', e.target.result); 
     } 

     reader.readAsDataURL(input.files[0]); 
    } 
} 

을 대체하기 위해이 같은 것을 사용하고 선명한 이미지를 가질 수있다. 작동하는 바이올린이 있다면 나는 그것을 완전히 코딩했을 것입니다.