이전 목록 다음
채택완료

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

또르륵
프로필 보기이 회원 글보기이 회원의 댓글보기
 6년 전 2,229

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

 

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

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

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

 

 

Copy 
<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개

채택된 답변
+20 포인트
위위버
프로필 보기이 회원 글보기이 회원의 댓글보기
 6년 전 
<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>

 

답변을 작성하려면 로그인이 필요합니다.