IE8以上，用js获取上传文件大小和绝对路径的实现代码

Posted 2023-04-03

js实现获取文件大小：
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);


js实现获取绝对路径：

function readFile(fileBrowser)
if (navigator.userAgent.indexOf("MSIE") != -1)
return getFilePath(fileBrowser);
else if (navigator.userAgent.indexOf("Firefox") != -1 || navigator.userAgent.indexOf("Mozilla") != -1)
return getFilePathWithFF(fileBrowser);
else
return;


function getFilePath(fileBrowser)
alert("ie");
alert(fileBrowser.value);


function getFilePathWithFF(fileBrowser)
try
netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
catch(e)
alert(\'由于浏览器安全问题 请按照以下设置 [1] 地址栏输入 "about:config" ; [2] 右键 新建 -> 布尔值 ; [3] 输入 "signed.applets.codebase_principal_support" (忽略引号).\');
return;

var fileName = fileBrowser.value;
alert("firefox");
alert( fileName);
参考技术A var f = document.getElementById("file1").files;
f[0].size表示第一个文件的大小。。支持IE10以上版本。。。路径好像受保护的。。没法得到。。

文件上传以及JS链式结构

文件上传以及JS链式结构

文件上传：

文件上传使用FileUpload控件，使用控件的SaveAs方法，需要绝对路径。

获取文件的绝对路径：Server.MapPath(相对路径);

或许要上传文件的本身名字用.FileName获取。

因为名字相同的文件将会被直接覆盖，所以一般文件名字要拼接上传时间和用户名保证不重名。

上传文件默认最大为4MB，在C#端限制文件大小有缺陷，一般用JS端限制。

获取要上传的文件通过ID获取FileUpload控件然后通过value值获取文件然后通过.length属性确定是否有文件要上传，然后通过.files[0].size获取文件的大小。

限制文件类型用accept属性   accept=".jpg,.jpeg,.png"；

 

 

JS链式结构：

在JS中取到一个html元素之后可以继续通过.getelementbyXXX取这个元素内部的其他元素，一层一层的往外取，就是JS的链式结构。