jQuery对象转换成DOM对象获取文件名

最新推荐文章于 2023-10-11 16:00:52 发布

YB程序员

最新推荐文章于 2023-10-11 16:00:52 发布

阅读量387

点赞数

分类专栏： js/css/html 文章标签： jquery javascript 前端

本文链接：https://blog.csdn.net/yangbinfx/article/details/127560513

版权

js/css/html 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

jQuery对象转换成DOM对象：
// 第一种方式
var btn1 = $b t n [0]; // 此时就把 j Q u ery 对象$ btn转换成了DOM对象btn1 （推荐使用此方式）

使用原生JS获取：

//获取文件上传文件的文件名和扩展名
if (myfile.files[0] == undefined) {
    alert('未上传任何文件！');
} else {
    //获取上传文件的文件名
    div.innerHTML= div.innerHTML+'<span style="color:#FF0000;">文件名：' + myfile.files[0].name + '</span><br>';
    //获取上传文件的扩展名
    var filevalue = myfile.value;
    var index = filevalue.lastIndexOf('.');
    div.innerHTML= div.innerHTML+'<span style="color:#FF0000;">扩展名：' + filevalue.substring(index) + '</span>';
}

使用 jQuery 获取：

 //获取文件的value值
 file = $("#myfile").val()
 //获取文件名+扩展名
 fileName = file.split("\\").pop();
 //获取文件名
 fileName = fileName.substring(0, fileName.lastIndexOf("."));
 //获取文件的扩展名
 fileExt = file.substr(file.lastIndexOf("."));