Notice
Recent Posts
Recent Comments
Link
«   2025/06   »
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30
Tags
more
Archives
Today
Total
관리 메뉴

jin'space

[Js, Javascript] 파일 다운로드 구현 본문

꼼지락

[Js, Javascript] 파일 다운로드 구현

진 공간 2023. 6. 1. 22:44

jsp에 버튼을 하나 만들고 버튼을 누르게 되면 서버에 있는 파일이 다운되게 합니다.

 IMG_DOWN: function (caller){
 		var list = caller.gridView01.getData("selected");  //list를 조회합니다.
 	        if (list.length > 0) { 
       	    for (var i = 0; i < list.length; i++) {
            	var arr = list[i].filePath.split("/");
                arr.splice(0, 1);
    
 	        	var url = "<서버의url>" +arr.join('/') + '/' + list[i].fileNm;        	

 	        	const fileName = list[i].fileNm;
        		fetch(url, { method: 'GET'})
        			.then((res) => {
         			return res.blob(); 
            		})
    	    		.then((blob) => {
            			const url = window.URL.createObjectURL(blob); 
            			const a = document.createElement('a');
	                	a.href = url;
		                a.download = fileName; 
            			document.body.appendChild(a);
	        	        a.click(); 
            			setTimeout((_) => {
		                	window.URL.revokeObjectURL(url);
		                }, 1000);
    	        		a.remove(); 
        			})  
    		  
    	  }
    	  
      }else {
         alert('파일을 선택해주세요.');
      }    
      
   }
});

 

Comments