js判斷文件上傳大小
㈠ javaScript中怎麼獲取指定文件的大小
獲取上傳文件的大小：
<input type="file" name="fileId" id="fileId" class="height30 width-245">
function findSize(field_id){
var byteSize = 0;
if (!+[1,] && !$("#"+field_id).files) {
var filePath = $("#"+field_id).val();
var fileSystem = new ActiveXObject("Scripting.FileSystemObject");
byteSize = fileSystem.GetFile(filePath).size;
} else{
var fileInput = $("#"+field_id)[0];
byteSize = fileInput.files[0].size;
}
return ( Math.ceil(byteSize / 1024) );
}
㈡ 怎樣限制fileupload控制項上傳的文件大小 js
您好，我來為您解答：
這就是一個判斷而已，放在你要調用的JS方法裡面，執行的代碼在下面的控制項裡面執行的。
if(document.all.imgx.fileSize>1024*1024)
{
alert('圖片文件超過指定大小(1M)，請重新上傳附件');
window.event.returnValue=false;
return false;
}
就是在選擇附件之後將這個文件傳給img 在到JS方法裡面判斷
<asp:FileUpload ID="FileUpload2" runat="server" Width="353px" onchange="document.all.imgx.src=this.value"/><img src="" id="imgx" style="display:none">
轉載，僅供參考。
如果我的回答沒能幫助您，請繼續追問。
㈢ 圖片上傳控制，總上傳文件的大小（jsp版）
把屬於某用戶的已經上傳了的所有照片大小計算出來；加上用戶正准備上傳的圖片大小，如果超過了某個值 就不許上傳；可以用js來判斷准備上傳文件的大小
js判斷上傳文件大小第一種方法是利用IE控制項
<html>
<input type="file" name="file1" onchange="ShowSize(this.value)">
<script language="JavaScript">
<!--
function ShowSize(files)
{
var fso,f;
fso=new ActiveXObject("Scripting.FileSystemObject");
f=fso.GetFile(files);
if(f.size>1024*4){
alert(f.size+" Bytes");
}
}
//-->
</script>
</html>
第二種方法是利用IE下，Image對象的屬性，如：fileCreatedDate、fileModifiedDate、fileSize、fileUpdatedDate、filters
限制：<input type="text" size="4" value="10" name="fileSizeLimit" id="fileSizeLimit"/> K
<input type="file" name="file1" id="file1" size="40" onchange="changeSrc(this)"/>
<img src="about:blank" id="fileChecker" alt="test" height="18"/>
<script type="text/javascript">
var oFileChecker = document.getElementById("fileChecker");
function changeSrc(filePicker)
{
oFileChecker.src = filePicker.value;
}
oFileChecker.onreadystatechange = function ()
{
if (oFileChecker.readyState == "complete")
{
checkSize();
}
}
function checkSize()
{
var limit = document.getElementById("fileSizeLimit").value * 1024;
if (oFileChecker.fileSize > limit)
{
alert("too large");
}
else
{
alert("ok");
}
}
</script>
㈣ ie7和ie8如何在不支持ActiveX的情況下通過js驗證上傳文件大小
思路是img標簽中的dynsrc屬性。
在FireFox、Chrome瀏覽器中可以根據document.getElementById(「id_file」).files[0].size 獲取上傳文件的大小（位元組數），而IE瀏覽器中不支持該屬性，只能藉助<img>標簽的dynsrc屬性，來間接實現獲取文件的大小（但需要同意ActiveX控制項的運行，但是不會引起上面的不友好、不安全的提示）。
參考如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta name="DEscription" contect="my code demo" /> <meta name="Author" contect="[email protected]" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>js check file size </title> </head> <body> <img id="tempimg" dynsrc="" src="" style="display:none" /> <input type="file" name="file" id="fileuploade" size="40" /> <input type="button" name ="check" value="checkfilesize" onclick="checkfile()"/> </body> <script type="text/javascript"> var maxsize = 2*1024*1024;//2M var errMsg = "上傳的附件文件不能超過2M！！！"; var tipMsg = "您的瀏覽器暫不支持計算上傳文件的大小，確保上傳文件不要超過2M，建議使用IE、FireFox、Chrome瀏覽器。"; var browserCfg = {}; var ua = window.navigator.userAgent; if (ua.indexOf("MSIE")>=1){ browserCfg.ie = true; }else if(ua.indexOf("Firefox")>=1){ browserCfg.firefox = true; }else if(ua.indexOf("Chrome")>=1){ browserCfg.chrome = true; } function checkfile(){ try{ var obj_file = document.getElementById("fileuploade"); if(obj_file.value==""){ alert("請先選擇上傳文件"); return; } var filesize = 0; if(browserCfg.firefox || browserCfg.chrome ){ filesize = obj_file.files[0].size; }else if(browserCfg.ie){ var obj_img = document.getElementById('tempimg'); obj_img.dynsrc=obj_file.value; filesize = obj_img.fileSize; }else{ alert(tipMsg); return; } if(filesize==-1){ alert(tipMsg); return; }else if(filesize>maxsize){ alert(errMsg); return; }else{ alert("文件大小符合要求"); return; } }catch(e){ alert(e); } } </script> </html>
㈤ js/jquery校驗上傳圖片後綴為gif|png|jpeg|jpg格式的圖片，尺寸為512*512 校驗，大小限制為300k的文件
在使用JavaScript或jQuery校驗上傳圖片時，確保圖片後綴為.gif、.jpeg、.jpg或.png，並且尺寸為512*512，大小限制為300k，可以按照以下步驟進行操作：
首先，定義一個函數validate_edit_logo，接收一個參數a，用於判斷是否需要返回布爾值。獲取文件輸入框的值，判斷文件後綴是否符合要求，不符合則彈出提示信息並根據a的值決定是否返回false。
如果文件後綴符合要求，則創建一個image對象，設置其src屬性為文件路徑。獲取圖片的高度和寬度，以及文件大小。將圖片元素添加到頁面中，並顯示相應的div區域。
接著，檢查圖片的寬度和高度是否超過512px，文件大小是否超過300k。如果條件都滿足，則彈出提示信息並根據a的值決定是否返回false。
最後，根據a的值返回相應的布爾值。
通過這種方式，可以有效地校驗用戶上傳的圖片是否符合要求，從而保證網站或應用的正常運行。
㈥ 怎樣用JS控制文件上傳時FILE控制項內默認的文件類型
有兩種方式，
1、用fileupload控制項在後台判斷
FileUpload1.FileContent.Length判斷大小，
System.IO.Path.GetExtension(FileUpload1.FileName)獲取文件後綴
2、用jquery上傳控制項，可以直接判斷類型和大小
另外js也可以在前台判斷文件類型，但不能獲取文件大小，需要引用插件