當前位置:首頁 » 文件管理 » js獲取上傳文件的大小

js獲取上傳文件的大小

發布時間: 2025-10-02 05:24:47

① 如何使用javascript限制文件上傳大小

$("#ms_upload_file").change(function(){

//檢驗非空和文件大小
if($(this).val() !== '' && checkSize(this)) { //其他操作
}
});/**
* 函數:檢查上傳文件大小
* 輸入:input的js對象
* 輸出:
**/function checkSize(input) {
var Sys = {}; var flag; var filesize = 0; //判斷瀏覽器種類
if (navigator.userAgent.indexOf("MSIE") > 0) {
Sys.ie=true;
} if (navigator.userAgent.indexOf("Firefox")>0) {
Sys.firefox=true;
} //獲取文件大小
if (Sys.firefox) {
filesize = input.files[0].size;
} else if (Sys.ie){ var fileobject = new ActiveXObject ("Scripting.FileSystemObject");//獲取上傳文件的對象
var file = fileobject.GetFile (input.value);//獲取上傳的文件
filesize = file.Size;//文件大小
} //判斷是否符合要求
if (filesize / (1024 * 1024) < 5 ) {
flag = true;
} else {
alert("附件過大,建議不要超過5M!");
flag = false;
} return flag;
}

② 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的值返回相應的布爾值。

通過這種方式,可以有效地校驗用戶上傳的圖片是否符合要求,從而保證網站或應用的正常運行。

③ 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控制文件上傳時FILE控制項內默認的文件類型

有兩種方式,
1、用fileupload控制項在後台判斷
FileUpload1.FileContent.Length判斷大小,
System.IO.Path.GetExtension(FileUpload1.FileName)獲取文件後綴
2、用jquery上傳控制項,可以直接判斷類型和大小
另外js也可以在前台判斷文件類型,但不能獲取文件大小,需要引用插件

⑤ js 如何獲取上傳文件的大小

HTML中input標簽有個類型是file。這個是可以上傳文件使用的。你可以直接操作這個標簽的size來獲取文件的大小。
可通過下面的方式
html代碼:

js代碼:
varfileId="uploadtest";
vardom=document.getElementById(fileId);
varfileSize=dom.files[0].size;//文件的大小,單位為位元組B

熱點內容
如何入門安卓2021 發布:2025-10-02 06:48:52 瀏覽:716
商城伺服器如何選擇 發布:2025-10-02 06:34:29 瀏覽:548
mac訪問win7 發布:2025-10-02 06:29:35 瀏覽:275
sqlimage插入 發布:2025-10-02 06:00:12 瀏覽:159
易語言給exe加密源碼 發布:2025-10-02 05:58:37 瀏覽:395
前端伺服器是什麼意思 發布:2025-10-02 05:40:13 瀏覽:592
騰訊是php嗎 發布:2025-10-02 05:34:29 瀏覽:950
樹莓派源碼編譯 發布:2025-10-02 05:28:59 瀏覽:145
js獲取上傳文件的大小 發布:2025-10-02 05:24:47 瀏覽:272
手機游戲怎麼解壓 發布:2025-10-02 05:04:14 瀏覽:1003