쉼표로 이미지 이름을 hiddenfeild에 설정하는 방법은 무엇입니까?

Question

입력 된 파일 컨트롤에서 쉼표로 구분 된 이미지 이름으로 숨겨진 필드 값을 설정하려고합니다. 나는, jQuery를 사용하여 시도

var idProjectTitle = document.getElementsByClassName("idProjectTitle"); 
 

 
      
 
      var path2 = ""; 
 
     for (var i = 0; i < idProjectTitle.length; i++) { 
 
      
 
       path2 += idProjectTitle[i].files[0].name + ',';    
 
     } 
 
      $('#hdProjectTitle').val(path2); /*Here is setting image names as hdfield value*/

그러나 오류 '정의의'이름 '속성을 읽을 수 없습니다'발생. 이 문제를 어떻게 해결할 수 있습니까?

Answer 1

이 시도처럼 내부 file input on change 기능에서이 작업을 수행 할 수 있습니다. 기존 파일 만 추가하려는 경우 해결해야합니다.

$('.idProjectTitle').change(function(){ 
 

 
    var idProjectTitle = document.getElementsByClassName("idProjectTitle"); 
 

 
       
 
       var path2 = ""; 
 
      for (var i = 0; i < idProjectTitle.length; i++) { 
 
       if(idProjectTitle[i].files[0] != undefined){ 
 
        path2 += idProjectTitle[i].files[0].name + ',';    
 
} 
 
      } 
 
       $('#hdProjectTitle').val(path2); /*Here is setting image names as hdfield value*/ 
 
      
 
      });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="file" name="file" multiple class="idProjectTitle" /> 
 

 
<input type="text" id="hdProjectTitle" name="hdProjectTitle" />

Answer 2

당신이

$('.idProjectTitle').change(function(){ 
 

 
var idProjectTitle = document.getElementsByClassName("idProjectTitle"); 
 

 
      
 
      var path2 = ""; 
 
      for (var i = 0; i < idProjectTitle.length; i++) 
 
      { 
 

 
       if(idProjectTitle[i].files[0] != undefined) 
 
       { 
 
        path2 += idProjectTitle[i].files[0].name + ','; 
 

 
       }    
 
      } 
 

 
      $('#hdProjectTitle').val(path2); 
 
      
 
      });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="file" name="file" multiple class="idProjectTitle" /> 
 

 
<input type="text" id="hdProjectTitle" name="hdProjectTitle" />