js获取input上传文件的文件名

HTML:
<b style="color:red;">*</b>上传附件:
<input type="file" maxlength="50" id="fileId" name="fileName" > <b style="color:red;">注意:不能上传图片</b>
JS:
 var file1 = $("#fileId").val()
        //获取文件名+扩展名
 fileName1 = file1.split("\\").pop();
        //获取带后缀的文件名
  var suffix = getAfter(fileName1);
  //获得文件名的后缀
function getAfter(string){
    var num=string.lastIndexOf(".");
    //lastIndexOf()方法返回从右向左出现某个字符或字符串的首个字符索引值(与indexOf相反)
    string=string.substring(num+1,obj.length);
    //substring(start,end)表示从start到end之间的字符串,包前不包后
    //substr(start,length)表示从start位置开始,截取length长度的字符串。
    return string;
}

页面
获取文件名+扩展名
获取文件名+扩展名
获取带后缀的文件名
获取带后缀的文件名
获得文件名的后缀
获得文件名的后缀

发布了4 篇原创文章 · 获赞 1 · 访问量 135

猜你喜欢

转载自blog.csdn.net/weixin_44383202/article/details/102570799