教程集 www.jiaochengji.com
教程集 >  脚本编程  >  javascript  >  正文 JS获取上传文件信息(类型、路径、后缀、文件大小与文件名)

JS获取上传文件信息(类型、路径、后缀、文件大小与文件名)

发布时间:2015-04-24   编辑:jiaochengji.com
用js代码获取上传文件信息,包括路径、后缀、文件大小、文件名、文件类型等),有需要的朋友参考下。

代码:
 

复制代码 代码示例:

/**
*函数描述:获取input type=file的图像全路径
* @obj input type=file的对象
**/
function getFullPath(obj)
{
if(obj)
{
//ie
if (window.navigator.userAgent.indexOf("MSIE")>=1)
{
obj.select();
return document.selection.createRange().text;
}
//firefox
else if(window.navigator.userAgent.indexOf("Firefox")>=1)
{
if(obj.files)
{
return obj.files.item(0).getAsDataURL();
}
return obj.value;
}
return obj.value;
}
}
<input type="file" onchange="document.getElementById('img').src=getFullPath(this);" >

#判断IE还是Firefox
function getFullPath(obj)
{
if(obj)
{
//ie
if (window.navigator.userAgent.indexOf("MSIE")>=1)
{
obj.select();
return document.selection.createRange().text;
}
//firefox
else if(window.navigator.userAgent.indexOf("Firefox")>=1)
{
if(obj.files)
{
return obj.files.item(0).getAsDataURL();
}
return obj.value;
}
return obj.value;
}
}

#判断后缀名
function yulan(){
var filePath =getFullPath(document.getElementById('UpFile'));
var fileText =filePath.substring(filePath.lastIndexOf("."),filePath.length);
var fileName =fileText.toLowerCase();
if ((fileName!='.jpg')&&(fileName!='.gif')&&(fileName!='.jpeg')&&(fileName!='.png')&&(fileName!='.bmp'))
{
alert("对不起,系统仅支持标准格式的照片,请您调整格式后重新上传,谢谢 !");
document.form1.UpFile.focus();
}
else
{
document.getElementById("preview").innerHTML="<img src='"+getFullPath(document.getElementById('UpFile'))+"' width=120 style='border:6px double #ccc'>";
}
}

#判断文件大小
var Sys = {};
if(navigator.userAgent.indexOf("MSIE")>0) {
Sys.ie=true;
}
if(isFirefox=navigator.userAgent.indexOf("Firefox")>0){
Sys.firefox=true;
}
var maxLength = 5*1024*1024;
function checkFileChange(obj) {
var filesize = 0;
if(Sys.firefox){
filesize = obj.files[0].fileSize;
}else if(Sys.ie){
var filePath = obj.value;
var image=new Image();
image.src=filePath;
filesize=image.fileSize;
}
alert(filesize);
}

获取文件名
firefox的input表单的value值默认就可以获取到文件名,而ie 则显示文件路径。

所以要区别对待,在firefox下 lastIndexOf('/')得到的是-1,而在ie下,目录显示的又是反斜杠,\,当然在Linux
下,其他浏览器获取到的又是正斜杠 / ( 暂时未证明有Linux下有浏览器file获取到的值会是全路径);
得用两次判断:
 

复制代码 代码示例:
function getFileName(path){
var pos1 = path.lastIndexOf('/');
var pos2 = path.lastIndexOf('\\');
var pos = Math.max(pos1, pos2)
if( pos<0 )
return path;
else
return path.substring(pos+1);
}

返回不带后缀的文件名:
 

复制代码 代码示例:
return name.substring(0,name.lastIndexOf('.'));

您可能感兴趣的文章:
JS获取上传文件信息(类型、路径、后缀、文件大小与文件名)
PHP手写的图片上传类
php图片文件上传类(可自动生成缩略图)
php 文件上传简单实例
web安全之文件上传漏洞攻击与防范方法
php上传文件并生成缩略图的函数
php实现将文件上传到临时目录
php ftp函数应用(范例,ftp类,创建目录函数等)
PHP抓取远程图片教程(包含不带后缀图片)
php 常用的文件上传类-可多文件上传

[关闭]
~ ~