여러파일 일괄 다운로드

 

아래처럼 select 박스에 이번에 다운받을 4개의 파일의 리스트를 뿌려놨다. 

 

먼저 모든 option 의 값을 가져온다. 

var AllFiles = $('#'+select_id).find('option').map(function() {
  return $(this).val();
}).get()

 

 

console.log('options', AllFiles)  // 4개의 option value가 배열 형태로 들어가 있는다.
//alert(AllFiles.length)
for(var x=0; x<AllFiles.length; x++){  // 하나씩 다운로드 명령어 수행.
  //alert(AllFiles[x])

  var exR = AllFiles[x].split("|");
  //alert(exR[0])
  var ServerName = exR[0];
  var UserName = exR[1];
  var filepath = "../_upload/"+file_dir+"/"+ServerName;  // 다운로드 경로를 상대경로로 작성해준다. 
  download(UserName,filepath);
}

 

//다운로드 함수.. 그대로 사용한다.

function download(filename, filepath) {

  var element = document.createElement('a');
  element.setAttribute('href',filepath);
  element.setAttribute('download', filename);
  document.body.appendChild(element);
  element.click();
  //document.body.removeChild(element);
}

 

 

본인의 경로와 value값에 따라 약간만 수정해서 사용하면 된다. 

 

클릭하면 

 

허용 버튼을 눌러 허용해주면 (크롬,엣지동일)

4개의 파일이 순식간에 다운로드 됩니다.