我用这个:
$('input[type=file]').val()
以获得选定的文件名,但返回完整路径,如“ C:\ fakepath \ filename.doc”。“ fakepath”部分实际上在那里-不确定是否应该这样做,但这是我第一次使用文件上传的文件名。
如何获取文件名(filename.doc)?
var filename = $('input[type=file]').val().split('\\').pop();
或者您也可以这样做(因为C:\fakepath
出于安全原因,总是添加该代码):
var filename = $('input[type=file]').val().replace(/C:\\fakepath\\/i, '')
您只需要执行以下代码。第一个[0]用于访问HTML元素,第二个[0]用于访问文件上传的第一个文件(在没有文件的情况下,我进行了验证):
var filename = $('input[type=file]')[0].files.length ? ('input[type=file]')[0].files[0].name : "";
C:\fakepath\...
由于安全原因,Chrome浏览器返回-网站应该无法获取有关您计算机的信息,例如计算机上文件的路径。
要仅获取字符串的文件名部分,可以使用split()
...
var file = path.split('\\').pop();
...或正则表达式...
var file = path.match(/\\([^\\]+)$/)[1];
...或lastIndexOf()
...
var file = path.substr(path.lastIndexOf('\\') + 1);
在所有操作系统上使用路径
var filename = $('input[type=file]').val().replace(/.*(\/|\\)/, '');
例
C:\fakepath\filename.doc
/var/fakepath/filename.doc
都回来了
filename.doc
filename.doc
这是我的操作方法,效果很好。
在您的HTML中执行以下操作:
<input type="file" name="Att_AttributeID" onchange="fileSelect(event)" class="inputField" />
然后在您的js文件中创建一个简单的函数:
function fileSelect(id, e){
console.log(e.target.files[0].name);
}
如果您要处理多个文件,则还应该可以通过遍历以下内容来获取列表:
e.target.files[0].name
也许有一些补充,以避免fakepath:
var fileName = $('input[type=file]').val();
var clean=fileName.split('\\').pop(); // clean from C:\fakepath OR C:\fake_path
alert('clean file name : '+ fileName);
这样的事情怎么样?
var pathArray = $('input[type=file]').val().split('\\');
alert(pathArray[pathArray.length - 1]);
一定是jquery吗?还是可以仅使用JavaScript的本机yourpath.split("\\")
将字符串拆分为数组?
从控件中获取第一个文件,然后获取文件名,它将忽略Chrome上的文件路径,并且还将更正IE浏览器的路径。保存文件时,必须使用System.io.Path.GetFileName
方法仅针对IE浏览器获取文件名。
var fileUpload = $("#ContentPlaceHolder1_FileUpload_mediaFile").get(0);
var files = fileUpload.files;
var mediafilename = "";
for (var i = 0; i < files.length; i++) {
mediafilename = files[i].name;
}
<script type="text/javascript">
$('#upload').on('change',function(){
// output raw value of file input
$('#filename').html($(this).val().replace(/.*(\/|\\)/, ''));
// or, manipulate it further with regex etc.
var filename = $(this).val().replace(/.*(\/|\\)/, '');
// .. do your magic
$('#filename').html(filename);
});
</script>
var filename=location.href.substr(location.href.lastIndexOf("/")+1);
alert(filename);
这种选择似乎是最合适的。
$('input[type="file"]').change(function(e){
var fileName = e.target.files[0].name;
alert('The file "' + fileName + '" has been selected.');
});
在这里您可以像这样调用,这是我的输入文件控件
<input type="file" title="search image" id="file" name="file" onchange="show(this)" />
现在这是我的Jquery,一旦选择文件,它就会被调用
<script type="text/javascript">
function show(input) {
var fileName = input.files[0].name;
alert('The file "' + fileName + '" has been selected.');
}
</script>
我们也可以使用 match
var fileName = $('input:file').val().match(/[^\\/]*$/)[0];
$('#file-name').val(fileName);
本文地址:http://javascript.askforanswer.com/shiyongjquerylaihuoquwenjianshurudexuandingwenjianmingerwuxulujing.html
文章标签:filenames , get , javascript , jquery
版权声明:本文为原创文章,版权归 javascript 所有,欢迎分享本文,转载请保留出处!
文章标签:filenames , get , javascript , jquery
版权声明:本文为原创文章,版权归 javascript 所有,欢迎分享本文,转载请保留出处!
评论已关闭!