js已知文件路径,通用获取文件名、后缀、类型

最新推荐文章于 2025-02-14 16:53:27 发布

原创最新推荐文章于 2025-02-14 16:53:27 发布

· 1w 阅读

8 ·

版权

文章标签：

#js已知文件路径 #通用获取文件名、后缀、类型 #js获取文件名、后缀、类型

js常见问题同时被 3 个专栏收录

3 篇文章

订阅专栏

js已知文件路径

1 篇文章

订阅专栏

通用获取文件名、后缀、类型

1 篇文章

订阅专栏

本文介绍了如何在JavaScript中，基于已知的文件路径，通用地获取文件名、文件后缀和文件类型。通过示例代码和核心代码解析，详细展示了实现这一功能的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

已知文件路径,通用获取文件名、后缀、类型

一、实际效果图

二、前端代码参考

JS模板

  // 选择文件后返回 { resultData: '/storage/emulated/0/DCIM/Camera/IMG_20170703_133717.jpg' }
        var path ='/storage/emulated/0/DCIM/Camera/IMG_20170703_133717.jpg' ;
        
        var fileName = common.getFileNameByPath(path); // .jpg
        console.log("文件名="+fileName);
        
        var fileType=common.getFileTypeByPath(path); // jpg
        console.log("文件类型="+fileType); 
        
         var fileExtension=common.getFileExtensionByPath(path); // .jpg
        console.log("文件后缀="+fileExtension);

三、核心代码

/**
 * 作者: 丸子
 * 描述: 自定义工具
 */
'use strict';

window.common = window.common || (function(exports) {

  /*
   * 已知文件路径，获取文件名xxx.doc
   */
  exports.getFileNameByPath = function(path) {
    var index = path.lastIndexOf("/"); // lastIndexOf("/")  找到最后一个  /  的位置
    var fileName = path.substr(index + 1); // substr() 截取剩余的字符，即得文件名xxx.doc

    return fileName;
  };

  /*
   * 已知文件路径，获取文件类型doc
   */
  exports.getFileTypeByPath = function(path) {
    var index = path.lastIndexOf("."); // lastIndexOf("/")  找到最后一个  /  的位置
    var fileType = path.substr(index + 1); // substr() 截取剩余的字符，即文件名doc

    return fileType;
  };
  /*
   * 已知文件路径，获取文件后缀.doc
   */
  exports.getFileExtensionByPath = function(path) {
    var index1 = path.lastIndexOf("."); // lastIndexOf("/")  找到最后一个  /  的位置
    var index2 = path.length;
    var fileExtension = path.substr(index1, index2); // substr() 截取剩余的字符，即文件名.doc

    return fileExtension;
  };

  return exports;
})({});