파일 첨부시 용량을 체크하는 스크립트인데요 궁금해요

파일 첨부시 용량을 체크하는 스크립트인데요 궁금해요

QA

파일 첨부시 용량을 체크하는 스크립트인데요 궁금해요

본문

그누 팁에서 가져온 것인데요~

 

저는 첨부파일 인풋 id 값이 .. 

flUpload1 flUpload2 flUpload3 이런식으로 인풋이 여러개라면

어떻게 수정해줘야 될지 진심으로 궁금합니다.

 

 



<script>
$(document).ready(function() {
	$("#flUpload").change(function () {
		var iSize = 0;

		if($.browser.msie){
			var objFSO = new ActiveXObject("Scripting.FileSystemObject");
			var sPath = $("#flUpload")[0].value;
			var objFile = objFSO.getFile(sPath);
			var iSize = objFile.size;
			iSize = iSize/ 1024;
		}else {
			iSize = ($("#flUpload")[0].files[0].size / 1024);
		}


		if (iSize / 1024 > 1) { 
			if (((iSize / 1024) / 1024) > 1) { 
				iSize = (Math.round(((iSize / 1024) / 1024) * 100) / 100);
				$("#lblSize").html( iSize + "Gb"); 
			}else{ 
				iSize = (Math.round((iSize / 1024) * 100) / 100)
				$("#lblSize").html( iSize + "Mb"); 
			} 
		}else{
			iSize = (Math.round(iSize * 100) / 100)
			$("#lblSize").html( iSize  + "kb"); 
		}   

	}); 
});
</script>

<BODY>
Select file : <input type="file" id="flUpload" />
<br/><br/>
File Size is : <b><label id="lblSize" /></b>
</BODY>


이 질문에 댓글 쓰기 :

답변 1

<script>
$(document).ready(function() {
	$(".flUpload").change(function () {
		var iSize = 0;
        var $fileInput = $(this);
        var $sizeview = $($fileInput.data('target-size'));


		if($.browser.msie){
			var objFSO = new ActiveXObject("Scripting.FileSystemObject");
			var sPath = $fileInput[0].value;
			var objFile = objFSO.getFile(sPath);
			var iSize = objFile.size;
			iSize = iSize/ 1024;
		}else {
			iSize = ($fileInput[0].files[0].size / 1024);
		}


		if (iSize / 1024 > 1) { 
			if (((iSize / 1024) / 1024) > 1) { 
				iSize = (Math.round(((iSize / 1024) / 1024) * 100) / 100);
				$sizeview.html( iSize + "Gb"); 
			}else{ 
				iSize = (Math.round((iSize / 1024) * 100) / 100)
				$sizeview.html( iSize + "Mb"); 
			} 
		}else{
			iSize = (Math.round(iSize * 100) / 100)
			$sizeview.html( iSize  + "kb"); 
		}   

	}); 
});
</script>

<BODY>
Select file : <input type="file" class="flUpload" data-target-size="#lblSize1"/>
<br/><br/>
File Size is : <b><label id="lblSize1" /></b>

Select file : <input type="file" class="flUpload" data-target-size="#lblSize2" /> 
<br/><br/> 
File Size is : <b><label id="lblSize"2 /></b>
</BODY>

 

답변을 작성하시기 전에 로그인 해주세요.
전체 123,532 | RSS
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT