JS获取file上传文件路径,后缀,大小,文件名
来源:互联网 发布:手机评测软件 编辑:程序博客网 时间:2024/05/29 19:07
/**
*函数描述:获取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获取file上传文件路径,后缀,大小,文件名
- JS获取IE上传文件路径、后缀、大小、文件名代码
- js获取input上传文件名和后缀
- 客户端上传文件时,用Javascript(Js)取得文件名及文件后缀(File,图片)
- JS根据全路径获取上传文件名
- 获取上传文件的路径input file
- js 获取上传文件名
- JS获取FILE表单中要上传的文件名
- JS获取FILE表单中要上传的文件名
- js获取file文件对象大小
- JS 文件上传 前端验证 后缀及大小
- 文档上传,路径,文件名获取
- 浏览,确认提交里获取文件名、文件路径、上传图片
- js获取上传文件的大小
- file上传文件,js中获取文件大小
- 通过JS获取文件上传路径
- 通过JS获取文件上传路径
- 通过JS获取文件上传路径
- javascript函数的调用
- cocos2d-x学习资源汇总
- GLIB 链接和简介
- C++用ShellExecute打开IE
- 求代数和(struts2框架)
- JS获取file上传文件路径,后缀,大小,文件名
- 入门浅析UILocalNotification本地消息的推送,UIDatePicke计时器。
- java传引用要注意的地方
- 认识oracle中的sqlnet.ora tnsnames.ora listener.ora三个文件
- Asp.Net MVC4.0入门指南(3):添加一个视图
- Class.forName详解
- 网络电视机顶盒的工作原理
- 编程中EOF问题
- C#版 字符串相似度算法