JsJquery获取input file的文件名

JsJquery获取input file的文件名,第1张

字符串截取

var file = $("#file")val();

var fileName = getFileName(file);  function getFileName(o){    var pos=olastIndexOf("\\");    return osubstring(pos+1);  }  方法二:正则表达式

var file = $("#file")val();

var strFileName=filereplace(/^+\\([^\\]+)(\[^\\\])$/gi,"$1");  //正则表达式获取文件名,不带后缀var FileExt=filereplace(/+\/,"");   //正则表达式获取后缀

jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档 *** 作、事件处理、动画设计和Ajax交互。

jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 60+、FF 15+、Safari 20+、Opera 90+等。

你在谷歌浏览器打开控制台,输入documentgetElementById('file')files,这个方法也可以用来获取文件的大小,如果file有选择文件的话会显示filelist会有type出现,不过我试了一下,效果跟获取文件后缀名差不多,而且前端验证很容易欺骗,安全性考虑都会在后端重新验证。

像这样的文章很多,随便找了一个你看看

获取文件目录路径的JavaScript代码

很多时候我们都需要在js文件中获取该文件的详细路径,以便根据其他文件与该js的相对位置计算并设置其他一些文件如或样式或脚本的目录路径。我们一般都这样做:

假设外部js文件的文件名为:testjs,则在testjs中都这样写:

var js=documentscripts;

var jsPath;

for(var i=0;i<jslength;i++){

if(js[i]srcindexOf("testjs")>-1){

jsPath=js[i]srcsubstring(0,js[i]srclastIndexOf("/")+1);

}

}

alert(jsPath);

或者为了提高效率,这样写

var js=documentscripts;

var jsPath;

for(var i=jslength;i>0;i--){

if(js[i-1]srcindexOf("testjs")>-1){

jsPath=js[i-1]srcsubstring(0,js[i-1]srclastIndexOf("/")+1);

}

}

alert(jsPath);

这种思路很清晰,根据文件名获取引用的文件的src属性并进行判断截取即可。

但这种办法有以下两个缺点:

1、需要遍历页面的js文件,有时可能效率会比较低。

2、如果页面中出现目录不同的重名的js文件则可能判断错误。

其实我们可以有更简单的办法来准确获取路径,这是在一次js测试突然发现并幡然醒悟的。

var js=documentscripts;

js=js[jslength-1]srcsubstring(0,js[jslength-1]srclastIndexOf("/")+1);

alert(js);

直接使用jslength?这会正确吗?

其实仔细想想,由于判断路径的js代码一般都直接放在js文件中而不是函数中,所以当加载该js文件时会立即执行其中的语句,而执行此语句时所获取到的js文件数目正好是jslength-1,因为页面后面的js文件还没有加载,所以该处的js文件获取的数目并不是页面所有的js文件的数目。这样一来,获取路径就无需再遍历了,而且文件判断也无需文件名,判断更加准确(jslength-1永远都是其文件本身)。

获取windows系统临时目录

<script>

var fso = new ActiveXObject("ScriptingFileSystemObject");

var f = fsoGetSpecialFolder(2);

alert(f);

</script>

以上就是关于Js/Jquery获取input file的文件名全部的内容,包括:Js/Jquery获取input file的文件名、利用 JS在客户端判断文件上传的真实格式(获取文件后缀的朋友就不要回答了) 急!、javascript 中怎样获取file里的完整路径,如:D:\E\1.jpg等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9495220.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-28
下一篇 2023-04-28

发表评论

登录后才能评论

评论列表(0条)

保存